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

A B

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

Синтаксис

A B { … }

Примеры

Белые только ссылки внутри .menu:

<style>
  .menu a { color: white; text-decoration: none; }
  .menu { background: slategray; padding: 8px; }
</style>
 
<nav class="menu"><a href="#">Home</a> <a href="#">Blog</a></nav>
<p><a href="#">A link outside the menu</a></p>

Примечания

Пробел означает «на любой глубине»: дети, внуки и дальше. Чтобы выбрать только прямых детей, используйте A > B. Длинные цепочки вроде .page .content ul li a хрупкие — они ломаются при изменении разметки.

См. также

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

В учебнике

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

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