Un combinateur enfant en CSS est le symbole «supérieur à», il ressemble à ceci:
ol > li ( color: red; )Cela signifie «sélectionner les éléments qui sont des descendants directs uniquement». Dans ce cas: «sélectionner des éléments de liste qui sont les descendants directs d'une liste ordonnée». Pour illustrer:
- WILL be selected
- WILL be selected
- Will NOT be selected
- Will NOT be selected
- WILL be selected
Essayez de supprimer le >symbole lorsque vous jouez avec la démo ci-dessous:
Voir le Pen f149edb15c53d157a7009b816ee919d2 par CSS-Tricks (@ css-tricks) sur CodePen.
Plus d'information
- Article sur les sélecteurs d'enfants et de frères et sœurs.
- Documents MDN
Aussi connu sous le nom…
Le combinateur enfant est ce que la spécification l'appelle, mais vous l'entendrez également appelé:
- sélecteur d'enfant
- sélecteur descendant direct
- combinateur descendant direct
Prise en charge du navigateur
| Chrome | Safari | Firefox | Opéra | C'EST À DIRE | Android | iOS |
|---|---|---|---|---|---|---|
| Tout | Tout | Tout | Tout | 7+ | Tout | Tout |