Un combinatore figlio in CSS è il simbolo "maggiore di", ha questo aspetto:
ol > li ( color: red; )Significa "selezionare elementi che sono solo discendenti diretti". In questo caso: "selezionare gli elementi della lista che sono diretti discendenti di una lista ordinata". Illustrare:
- WILL be selected
- WILL be selected
- Will NOT be selected
- Will NOT be selected
- WILL be selected
Prova a rimuovere il >simbolo quando giochi con la demo qui sotto:
Vedi la penna f149edb15c53d157a7009b816ee919d2 di CSS-Tricks (@ css-tricks) su CodePen.
Maggiori informazioni
- Articolo sui selettori di figli e fratelli.
- Documenti MDN
Conosciuto anche come…
Il combinatore figlio è come lo chiama la specifica, ma lo sentirai anche chiamato:
- selettore di bambini
- selettore discendente diretto
- combinatore discendente diretto
Supporto browser
| Cromo | Safari | Firefox | musica lirica | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Qualunque | Qualunque | Qualunque | Qualunque | 7+ | Qualunque | Qualunque |