Kombinator djece u CSS-u simbol je "veći od", izgleda ovako:
ol > li ( color: red; )To znači "odabrani elementi koji su samo izravni potomci". U ovom slučaju: “odaberite stavke popisa koje su izravni potomci poredanog popisa”. Za ilustraciju:
- WILL be selected
- WILL be selected
- Will NOT be selected
- Will NOT be selected
- WILL be selected
Pokušajte ukloniti >simbol dok se igrate s demonstracijom u nastavku:
Pogledajte Olovku f149edb15c53d157a7009b816ee919d2 tvrtke CSS-Tricks (@ css-tricks) na CodePenu.
Više informacija
- Članak o biračima djece i braće ili sestara.
- MDN dokumenti
Također poznat kao…
Dječji kombinator je kako ga naziva specifikacija, ali čut ćete i kako se zove:
- izbornik djeteta
- selektor izravnog potomka
- izravni potomak kombinator
Podrška preglednika
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Bilo koji | Bilo koji | Bilo koji | Bilo koji | 7+ | Bilo koji | Bilo koji |