Bērnu kombinators CSS ir simbols “lielāks par”, un tas izskatās šādi:
ol > li ( color: red; )Tas nozīmē “atlasīt elementus, kas ir tikai tiešie pēcnācēji”. Šajā gadījumā: “atlasiet saraksta vienumus, kas ir tieši sakārtota saraksta pēcteči”. Ilustrēt:
- WILL be selected
- WILL be selected
- Will NOT be selected
- Will NOT be selected
- WILL be selected
Mēģiniet noņemt >simbolu, spēlējoties ar tālāk redzamo demonstrāciju:
Skatiet CSS-Tricks (@ css-tricks) CodePen pildspalvu f149edb15c53d157a7009b816ee919d2.
Vairāk informācijas
- Raksts par bērnu un brāļu atlasēm.
- MDN dokumenti
Zināms arī kā…
Bērnu kombinators ir tas, ko specs to sauc, bet jūs arī dzirdēsit to sauc:
- bērnu selektors
- tiešais pēcnācēju atlasītājs
- tiešais pēcnācēju kombinators
Pārlūka atbalsts
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Jebkurš | Jebkurš | Jebkurš | Jebkurš | 7+ | Jebkurš | Jebkurš |