пример
Установите цвет фона для всех <ul> элементов, которым предшествует <p> элемент с тем же родителем:
p ~ ul
{
background: #ff0000;
}
Попробуй сам " Определение и использование
element1 ~ element2 селектор соответствует вхождений element2 , которым предшествует element1 .
Оба элемента должны иметь один и тот же родительский, но element2 не должен быть непосредственно перед element1 .
| Версия: | CSS3 |
|---|
Поддержка браузеров
Числа в таблице определяет первую версию браузера, который полностью поддерживает селектор.
| селектор | |||||
|---|---|---|---|---|---|
| element1 ~ element2 | 4.0 | 7.0 | 3.5 | 3.2 | 9.6 |
Note: Для этого селектор работать в IE8 и более ранних версий, а <! DOCTYPE> должен быть объявлен.
CSS Синтаксис