Selettore di Figli Diretti

Questo contenuto viene visualizzato in inglese perché non è ancora disponibile una versione tradotta nella lingua selezionata. Aiutaci a tradurre questo articolo!

Il combinatore ">" separa due selettori selezionando solo quegli elementi selezionati con il secondo selettore che sono figli diretti del primo selettore.
 
Al contrario, quando due selettori sono combinati con il selettore discendente, vengono selezionati tutti gli elementi che soddisfano il secondo selettore per il quale esiste un elemento antenato definito dal primo selettore, indipendentemente dal numero di "salti" attraverso l'albero DOM.
 

Sintassi

selettore1 > selettore2 {stili CSS }

Esempio

span { background-color: white; }
div > span {
  background-color: DodgerBlue;
}
<div>
  <span>Span 1. In the div.
    <span>Span 2. In the span that's in the div.</span>
  </span>
  <span>Span 3. In the div</span>
</div>

<span>Span 4. Not in a div at all.</span>

Specifiche

Specification Status Comment
Selectors Level 4
The definition of 'child combinator' in that specification.
Working Draft  
Selectors Level 3
The definition of 'child combinators' in that specification.
Recommendation No change
CSS Level 2 (Revision 1)
The definition of 'child selectors' in that specification.
Recommendation Initial definition

Compatibilità tra i browser

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
supporto di base (Yes) (Yes) 7.0 (Yes) (Yes)
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
supporto di base ? ? ? ? ?