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

Описание

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

Синтаксис

element ~ element { style properties }

Пример

css

p ~ span {
  color: red;
}

html

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

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

No specification found

No specification data found for css.selectors.subsequent-sibling.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.

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

BCD tables only load in the browser

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