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

Описание

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

Синтаксис

element ~ element { style properties }

Пример

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

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

Спецификации Статус Комментарий
Selectors Level 4
Определение 'following-sibling combinator' в этой спецификации.
Рабочий черновик  
Selectors Level 3
Определение 'general sibling combinator' в этой спецификации.
Рекомендация  

Поддержка браузерами

BCD tables only load in the browser

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