Детски комбинатор в CSS е символът „по-голям от“, изглежда така:
ol > li ( color: red; )Това означава „избрани елементи, които са само преки наследници“. В този случай: „изберете елементи от списъка, които са преки наследници на подреден списък“. За илюстрация:
- WILL be selected
- WILL be selected
- Will NOT be selected
- Will NOT be selected
- WILL be selected
Опитайте да премахнете >символа, когато играете с демонстрацията по-долу:
Вижте писалката f149edb15c53d157a7009b816ee919d2 от CSS-Tricks (@ css-tricks) на CodePen.
Повече информация
- Статия за селектори за деца и братя и сестри.
- MDN Документи
Също известен като…
Детският комбинатор е това, което спецификацията го нарича, но също така ще го чуете:
- дете селектор
- директен низходящ селектор
- пряк низходящ комбинатор
Поддръжка на браузър
| Chrome | Сафари | Firefox | Опера | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Всякакви | Всякакви | Всякакви | Всякакви | 7+ | Всякакви | Всякакви |