Un combinador hijo en CSS es el símbolo "mayor que", se ve así:
ol > li ( color: red; )Significa "seleccionar elementos que sean descendientes directos únicamente". En este caso: “seleccione elementos de lista que sean descendientes directos de una lista ordenada”. Para ilustrar:
- WILL be selected
- WILL be selected
- Will NOT be selected
- Will NOT be selected
- WILL be selected
Intente eliminar el >símbolo cuando juegue con la siguiente demostración:
Vea el Pen f149edb15c53d157a7009b816ee919d2 de CSS-Tricks (@ css-tricks) en CodePen.
Más información
- Artículo sobre selectores de niños y hermanos.
- Documentos de MDN
También conocido como…
El combinador secundario es como lo llama la especificación, pero también lo oirás llamado:
- selector de niños
- selector de descendiente directo
- combinador descendiente directo
Soporte del navegador
| Cromo | Safari | Firefox | Ópera | ES DECIR | Androide | iOS |
|---|---|---|---|---|---|---|
| Alguna | Alguna | Alguna | Alguna | 7+ | Alguna | Alguna |