A CSS-ben a gyermek-kombinátor a „nagyobb, mint” szimbólum, így néz ki:
ol > li ( color: red; )Ez azt jelenti, hogy „válasszon olyan elemeket, amelyek csak közvetlen leszármazottak”. Ebben az esetben: „válassza ki azokat a listaelemeket, amelyek a rendezett lista közvetlen leszármazottai”. Illusztrálni:
- WILL be selected
- WILL be selected
- Will NOT be selected
- Will NOT be selected
- WILL be selected
Próbálja meg eltávolítani a >szimbólumot, amikor az alábbi demóval játszik:
Lásd a CSS-Tricks (@ css-tricks) által a CodePen-en található tollat f149edb15c53d157a7009b816ee919d2.
Több információ
- Cikk a gyermek- és testvérválasztókról.
- MDN Docs
Más néven…
A gyermekkombinátor az, amit a specifikációnak hívnak, de hallani fogja még:
- gyermekválasztó
- közvetlen leszármazott választó
- közvetlen leszármazott kombinátor
Böngésző támogatás
| Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
|---|---|---|---|---|---|---|
| Bármi | Bármi | Bármi | Bármi | 7+ | Bármi | Bármi |