Селектор следующего элемента

Описание

Общий комбинатор смежных селекторов (~) разделяет два селектора и находит второй элемент только если ему предшествует первый, и они оба имеют общего родителя. Свойства будут применены ко всем элементам, указанным в правой части, следующим за элементом, указанным в левой части.

Синтаксис

element ~ element { style properties }

Пример

css
p ~ span {
  color: red;
}
html
<span>Это не красный.</span>
<p>Здесь параграф.</p>
<code>Тут какой-то код.</code>
<span>А здесь span.</span>

Спецификации

Specification
Selectors Level 4
# general-sibling-combinators

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также