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