codechick
КурсыЗадачиОлимпСообществоМатериалыЖурнал
Войти
Справочник/CSS/CSS-селекторы/Соседний комбинатор (A + B)
← Селектор по точному значению [attr=value]Специфичность (specificity) →
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.

Сигнатураh2 + p { ... }

Плюс выбирает элемент B, который является непосредственно следующим соседом A (тот же родитель, идёт сразу за ним). Удобно стилизовать первый абзац после заголовка.

h2 + p {
  margin-top: 0;
  font-weight: 600;
}
← Все записи: CSS-селекторы
codechick

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

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