En barnkombinator i CSS är symbolen ”större än”, den ser ut så här:
ol > li ( color: red; )Det betyder "välj element som endast är direkta ättlingar". I det här fallet: ”välj listobjekt som är direkt ättlingar till en ordnad lista”. Att illustrera:
- WILL be selected
- WILL be selected
- Will NOT be selected
- Will NOT be selected
- WILL be selected
Försök att ta bort >symbolen när du spelar med demo nedan:
Se pennan f149edb15c53d157a7009b816ee919d2 av CSS-Tricks (@ css-tricks) på CodePen.
Mer information
- Artikel om barn- och syskonväljare.
- MDN-dokument
Också känd som…
Barnkombinatorn är vad specifikationen kallar det, men du hör också att det heter:
- barnväljare
- direkt nedstigande väljare
- direkt ättlingskombinator
Webbläsarstöd
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Några | Några | Några | Några | 7+ | Några | Några |