CSS combinatori
 | Un combinatore è qualcosa che spiega la relazione tra i selettori. |
|---|
Un selettore CSS può contenere più di un selettore semplice. Tra i selettori semplici, possiamo includere un combinatore.
Ci sono quattro diversi combinatori in CSS3:
- selettore di discendente (space)
- selettore di figlio (>)
- adiacente selettore fratello (+)
- Selettore generale di pari livello (~)
selettore di discendente
Il selettore discendente corrisponde a tutti gli elementi che sono discendenti di un elemento specificato.
L'esempio seguente seleziona tutti <p> elementi all'interno <div> elementi:
Selettore Bambino
Il selettore bambino seleziona tutti gli elementi che sono i figli immediati di elemento specificato.
L'esempio seguente seleziona tutti <p> elementi che sono figli immediati di <div> elemento:
Selettore fratello adiacente
Il selettore fratello adiacente seleziona tutti gli elementi che sono i fratelli adiacenti di un elemento specificato.
elementi di pari livello devono avere lo stesso elemento padre, e "adiacente" significa "immediatamente dopo".
L'esempio seguente seleziona tutti <p> gli elementi che vengono inseriti subito dopo <div> elementi:
Generale Sibling Selettore
Il selettore del fratello generale seleziona tutti gli elementi che sono fratelli di un elemento specificato.
L'esempio seguente seleziona tutti <p> elementi che sono fratelli di <div> elementi:
Mettiti alla prova con esercizi!
Esercizio 1 » Esercizio 2» Esercizio 3 » Esercizio 4»