codechick
КурсыЗадачиОлимпСообществоМатериалыЖурнал
Войти
Справочник/CSS/CSS-селекторы/Дочерний комбинатор (A > B)
← Группировка селекторов (a, b)Комбинатор потомка (A B) →
CSS-селекторы
:active::after::before:checked:disabled:empty:first-child::first-letter::first-line:focus:has():hover:is():last-child::marker:not():nth-child:nth-of-type::placeholder:required:root::selection:target:visited:where()Группировка селекторов (a, b)Дочерний комбинатор (A > B)Комбинатор потомка (A B)Последующий комбинатор (A ~ B)Селектор по id (#id)Селектор по вхождению [attr*=]Селектор по классу (.class)Селектор по концу значения [attr$=]Селектор по наличию атрибута [attr]Селектор по началу значения [attr^=]Селектор по тегуСелектор по точному значению [attr=value]Соседний комбинатор (A + B)Специфичность (specificity)Универсальный селектор (*)

Дочерний комбинатор (A > B)

Выбирает только прямых потомков B элемента A.

Сигнатураul > li { ... }

Знак > выбирает только непосредственных детей. В отличие от пробела, вложенные глубже элементы не попадут под правило.

ul > li {
  list-style: square;
}

/* li внутри вложенного списка не затронется */
← Все записи: CSS-селекторы
codechick

Простой и тёплый способ научиться программировать.

Платформа
КурсыПрограммыЗадачиОлимпМатериалыЖурналШпаргалкиСправочникЯзыки за минутыСтатистика
Инструменты
Студия кодаВизуализатор кодаДиаграммы MermaidСистемы счисленияJSON-форматтерТестер regexВсе инструменты →
Проект
О насTelegram-каналTelegram-чатКонтакты
© 2026 codechick.io · сделано с заботой о цыплятах