Manuale di riferimento dei combinatori CSS

Combinatori CSS

Un combinatore è un simbolo utilizzato per spiegare la relazione tra i selettori.

La tabella seguente mostra i diversi combinatori nel CSS:

Nome Simbolo Esempio Descrizione dell'esempio
Combinatore di figli > div > p Seleziona tutti gli elementi <p> che sono figli diretti dell'elemento <div>.
Combinatore di discendenti （spazio singolo） div p Seleziona tutti gli elementi <p> all'interno dell'elemento <div>.
Simbolo di separazione di namespace | ns | h2 Seleziona tutti gli elementi <h2> nella namespace ns.
Combinatore di fratelli adiacenti + div + p Seleziona l'elemento <p> che segue immediatamente l'elemento <div>.
Lista di selettori , div, p Seleziona tutti gli elementi <div> e tutti gli elementi <p>.
Combinatore di fratelli successivi ~ p ~ ul Seleziona tutti gli elementi <ul> che precedono l'elemento <p>.