En børnekombinator i CSS er symbolet "større end", det ser sådan ud:
ol > li ( color: red; )Det betyder "vælg elementer, der kun er direkte efterkommere". I dette tilfælde: “vælg listeelementer, der er direkte efterkommere af en ordnet liste”. Til at illustrere:
- WILL be selected
- WILL be selected
- Will NOT be selected
- Will NOT be selected
- WILL be selected
Prøv at fjerne >symbolet, når du spiller rundt med nedenstående demo:
Se pennen f149edb15c53d157a7009b816ee919d2 af CSS-Tricks (@ css-tricks) på CodePen.
Mere information
- Artikel om børn og søskende.
- MDN Docs
Også kendt som…
Børnekombinatoren er hvad specifikationen kalder det, men du vil også høre det kaldes:
- barnevælger
- direkte nedadgående vælger
- direkte efterkommerkombinator
Browsersupport
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Nogen | Nogen | Nogen | Nogen | 7+ | Nogen | Nogen |