Описание
Комбинатор > разделяет 2 селектора, находит элементы заданные вторым селектором, являющие прямыми потомками для элементов отобранных первым селектором. Напротив, два селектора в селекторе дочерних элементов находят элементы не обязательно являющиеся прямыми потомками, т.е. несмотря на количество "прыжков" до них в DOM.
Синтаксис
selector1 > selector2 { style properties }
Пример
span { background-color: white; }
div > span {
background-color: DodgerBlue;
}
<div>
<span>Span 1 в div
<span>Span 2 в span, который в div</span>
</span>
</div>
<span>Span 3. Не в div вообще</span>
Спецификации
| Спецификация | Статус | Комментарий |
|---|---|---|
| Selectors Level 4 Определение 'child combinator' в этой спецификации. |
Рабочий черновик | |
| Selectors Level 3 Определение 'child combinators' в этой спецификации. |
Рекомендация | Без изменений |
| CSS Level 2 (Revision 1) Определение 'child selectors' в этой спецификации. |
Рекомендация | Изначальное определение |
Поддержка браузерами
| Возможность | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Базовая поддержка | (Да) | (Да) | 7.0 | (Да) | (Да) |
| Возможность | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Базовая поддержка | ? | ? | ? | ? | ? |