MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

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

Описание

Комбинатор ~ разделяет два селектора, и находит второй элемент, если ему предшествует первый, и они имеют общего родителя.

Синтаксис

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' в этой спецификации.
Рекомендация  

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

Возможность Chrome Firefox (Gecko) Internet Explorer Opera Safari
Базовая поддержка 1.0 1.0 (1.7 или ранее) 7 9 3
Возможность Firefox Mobile (Gecko) Android IE Phone Opera Mobile Safari Mobile
Базовая поддержка (Да) (Да) (Да) (Да) (Да)

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

Метки документа и участники

 Внесли вклад в эту страницу: gwer, BychekRU
 Обновлялась последний раз: gwer,