En barnekombinator i CSS er symbolet "større enn", det ser slik ut:
ol > li ( color: red; )Det betyr "velg elementer som bare er direkte etterkommere". I dette tilfellet: “velg listeelementer som er direkte etterkommere av en ordnet liste”. Å illustrere:
- WILL be selected
- WILL be selected
- Will NOT be selected
- Will NOT be selected
- WILL be selected
Prøv å fjerne >symbolet når du spiller med demoen nedenfor:
Se pennen f149edb15c53d157a7009b816ee919d2 av CSS-Tricks (@ css-tricks) på CodePen.
Mer informasjon
- Artikkel om barne- og søskenvelgere.
- MDN Docs
Også kjent som…
Child combinator er det spesifikasjonen kaller det, men du vil også høre det heter:
- barnevalg
- direkte nedadgående velger
- direkte etterkommerkombinator
Nettleserstøtte
| Chrome | Safari | Firefox | Opera | DVS | Android | iOS |
|---|---|---|---|---|---|---|
| Noen | Noen | Noen | Noen | 7+ | Noen | Noen |