Дочірній комбінатор у 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+ | Будь-який | Будь-який |