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