Дочерний комбинатор в CSS - это символ «больше чем», он выглядит так:
ol > li ( color: red; )Это означает «выбрать элементы, которые являются только прямыми потомками». В этом случае: «выберите элементы списка, которые являются прямыми потомками упорядоченного списка». Проиллюстрировать:
- WILL be selected
- WILL be selected
- Will NOT be selected
- Will NOT be selected
- WILL be selected
Попробуйте удалить >символ, играя с демонстрацией ниже:
См. Pen f149edb15c53d157a7009b816ee919d2 от CSS-Tricks (@ css-tricks) на CodePen.
Дополнительная информация
- Статья о селекторах для детей и братьев и сестер.
- Документы MDN
Также известный как…
Дочерний комбинатор - это то, что в спецификации называется, но вы также услышите, как он называется:
- дочерний селектор
- прямой селектор потомков
- комбинатор прямого потомка
Поддержка браузера
| Хром | Сафари | Fire Fox | Опера | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Любой | Любой | Любой | Любой | 7+ | Любой | Любой |