Podręcznik referencyjny kompozytorów CSS

Kombinatory CSS

Kombinator jest symbolem używanym do wyjaśnienia relacji między selektorami.

Poniższa tabela pokazuje różne kombinatory w CSS:

Nazwa Znak Przykład Opis przykładu
Selektor dziecka > div > p Wybierz wszystkie elementy <p>, które są bezpośrednimi dziećmi elementu <div>.
Selektor potomka （ pojedynczy spacja ） div p Wybierz wszystkie elementy <p> znajdujące się wewnątrz elementu <div>.
Separator przestrzeni nazw | ns | h2 Wybierz wszystkie elementy <h2> w przestrzeni nazw ns.
Selektor sąsiada + div + p Wybierz pierwszy element <p>, który jest bezpośrednio po elemencie <div>.
Lista selektorów , div, p Wybierz wszystkie elementy <div> i wszystkie elementy <p>.
Selektor brata następnego ~ p ~ ul Wybierz wszystkie elementy <ul>, które są poprzedzone przez element <p>.