We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

Описание

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

Синтаксис

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

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

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Возможность 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
Базовая поддержка (Да) (Да) (Да) (Да) (Да)

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

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

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