Комбинатор之子элемента CSS (>)

Определение и использование

CSS комбинатор подэлементов (>) используется для выбора элементов, которые являются прямыми подэлементами определенного родительского элемента.

Элементы, соответствующие второму селектору, должны быть прямыми подэлементами элементов, соответствующих первому селектору.

Примечание:Элементы, которые не являются прямыми подэлементами указанного родительского элемента, не будут выбраны.

Пример

Выберите и установите стиль для каждого элемента <p>, который является прямым подэлементом элемента <div>:

div > p {
  background-color: gold;
  border: 1px solid gray;
}

Попробуйте сами

CSS грамматика

element1 > element2 {
  css declarations;
}

Технические детали

Поддержка браузеров

Числа в таблице показывают первую версию браузера, которая полностью поддерживает этот комбинатор.