Combinatore di figli CSS (>)

Definizione e uso

Combinatore di figli CSS (>) per selezionare gli elementi che sono figli diretti di un elemento specifico.

L'elemento corrispondente al secondo selettore deve essere un figlio diretto dell'elemento corrispondente al primo selettore.

Attenzione:Gli elementi che non sono figli diretti dell'elemento padre specificato non vengono selezionati.

Esempio

Seleziona e imposta lo stile di ogni elemento <p> che è diretto figlio dell'elemento <div>:

div > p {
  background-color: gold;
  border: 1px solid gray;
}

Prova tu stesso

Sintassi CSS

elemento1 > elemento2 {
  declarazioni CSS;
}

Dettagli tecnici

Supporto del browser

Le cifre nella tabella rappresentano la versione del primo browser che supporta completamente il compositore.