We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

Описание

Комбинатор > разделяет 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!

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

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

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