Operatory selektorów

Kto mi wyjaśni co oznacza w css użycie elementów:

• .klasa1 : .klasa2
• .klasa1 > .klasa2
• .klasa1, .klasa2

Czym to się różni?

1 przypadek - niepoprawna składnia, taki selektor nie istnieje

2 przypadek > zaznacza elementy .klasa2 będące bezpośrednimi dziećmi .klasa1

3 przypadek - zaznacza wszystkie elementy .klasa1 oraz wszystkie elementy .klasa2

Jeżeli w pierwszym przypadku nadmiarowo wstawiłeś : i miałeś na myśli .klasa1 .klasa2 to chodzi tu o wszystkie elementy .klasa2 znajdujące się wewnątrz .klasa1 (na dowolnym poziomie zagłębienia )

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors