CSS-lapsikombinaattori on "suurempi kuin" -symboli, se näyttää tältä:
ol > li ( color: red; )Se tarkoittaa "valitse elementtejä, jotka ovat vain suoria jälkeläisiä". Tässä tapauksessa: "valitse luettelokohteet, jotka ovat järjestetyn luettelon suoria jälkeläisiä". Kuvittaa:
- WILL be selected
- WILL be selected
- Will NOT be selected
- Will NOT be selected
- WILL be selected
Yritä poistaa >symboli, kun pelaat alla olevan esittelyn kanssa:
Katso CSS-Tricksin (@ css-tricks) CodePenistä kynä f149edb15c53d157a7009b816ee919d2.
Lisää tietoa
- Artikkeli lasten ja sisarusten valitsijoista.
- MDN-dokumentit
Tunnetaan myös…
Lapsikombinaattori on se, mitä spec kutsuu, mutta kuulet myös sen nimeltä:
- lapsen valitsin
- suora jälkeläisvalitsin
- suora jälkeläisten yhdistäjä
Selaimen tuki
| Kromi | Safari | Firefox | Ooppera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Minkä tahansa | Minkä tahansa | Minkä tahansa | Minkä tahansa | 7+ | Minkä tahansa | Minkä tahansa |