MDN wants to talk to developers like you: https://qsurvey.mozilla.com/s3/a3e7b5301fea

Selettore di Figli Diretti

Questa traduzione è incompleta. Collabora alla traduzione di questo articolo dall’originale in lingua inglese.

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

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 ? ? ? ? ?

Tag del documento e collaboratori

 Hanno collaborato alla realizzazione di questa pagina: ExplosiveLab
 Ultima modifica di: ExplosiveLab,