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