Селектор дочерних элементов

Описание

Комбинатор > разделяет 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' в этой спецификации.
Рекомендация Изначальное определение

Поддержка браузерами

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help! (en-US)

Возможность Chrome Firefox (Gecko) Internet Explorer Opera Safari
Базовая поддержка (Да) (Да) 7.0 (Да) (Да)
Возможность Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Базовая поддержка ? ? ? ? ?