MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

Описание

Комбинатор > разделяет 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
Базовая поддержка ? ? ? ? ?

Метки документа и участники

 Внесли вклад в эту страницу: BychekRU
 Обновлялась последний раз: BychekRU,