Vaikų kombinatorius CSS yra simbolis „didesnis nei“, atrodo taip:
ol > li ( color: red; )Tai reiškia „pasirinkti elementus, kurie yra tik tiesioginiai palikuonys“. Tokiu atveju: „pasirinkite sąrašo elementus, kurie yra tiesioginiai užsakyto sąrašo palikuonys“. Iliustruoti:
- WILL be selected
- WILL be selected
- Will NOT be selected
- Will NOT be selected
- WILL be selected
Pabandykite pašalinti >simbolį žaisdami su toliau pateikta demonstracine versija:
Peržiūrėkite CSS-Tricks (@ css-tricks) „CodePen“ rašiklį f149edb15c53d157a7009b816ee919d2.
Daugiau informacijos
- Straipsnis apie vaikų ir brolių pasirinkimus.
- MDN dokumentai
Taip pat žinomas kaip…
Vaiko kombinatorius yra tai, ką jis vadina, bet jūs taip pat išgirsite jį vadinant
- vaiko parinkėjas
- tiesioginis palikuonių selektorius
- tiesioginis palikuonių kombinatorius
Naršyklės palaikymas
| „Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
|---|---|---|---|---|---|---|
| Bet koks | Bet koks | Bet koks | Bet koks | 7+ | Bet koks | Bet koks |