Селектор дочерних элементов
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 2015 г..
Описание
Комбинатор > разделяет 2 селектора, находит элементы заданные вторым селектором, являющие прямыми потомками для элементов отобранных первым селектором. Напротив, два селектора в селекторе потомков находят элементы не обязательно являющиеся прямыми потомками, т.е. несмотря на количество "прыжков" до них в DOM.
Синтаксис
selector1 > selector2 { style properties }
Пример
css
span {
background-color: white;
}
div > span {
background-color: DodgerBlue;
}
html
<div>
<span
>Span 1 в div
<span>Span 2 в span, который в div</span>
</span>
</div>
<span>Span 3. Не в div вообще</span>
Спецификации
| Specification |
|---|
| Selectors Level 4 # child-combinators |
Совместимость с браузерами
Loading…