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
Tag:
Hanno collaborato alla realizzazione di questa pagina:
CastenettoA
Ultima modifica di:
CastenettoA,