Справочник HTML & CSS

A > B

Комбинатор дочернего элемента: выбирает элементы B, которые являются прямыми детьми A.

Синтаксис

A > B { … }

Примеры

Вложенный список сохраняет свой цвет:

<style>
  .list > li { color: crimson; }
</style>
 
<ul class="list">
  <li>Direct child</li>
  <li>Direct child
    <ul><li>Nested item stays black</li></ul>
  </li>
</ul>

Примечания

> нужен, когда один и тот же элемент встречается на разных уровнях, как во вложенных меню. Если глубина не важна, хватит обычного комбинатора потомка A B.

См. также

A B — Комбинатор потомка: выбирает элементы B, которые находятся где угодно внутри элемента A.
A + B — Комбинаторы соседей: `+` выбирает элемент сразу после A, `~` — всех следующих соседей A.

В учебнике

Селекторы — Как выбрать элементы для оформления — по тегу, классу, id, вложенности и атрибуту.

Спасибо, что читаете!