CSS element1 ~ element2 Селектор
Пример
Установите цвет фона для всех элементов <ul>, которым предшествует элемент <p> с одним и тем же родителем:
p ~ ul
{
background: #ff0000;
}
Определение и использование
Селектор element1 ~ element2 соответствует вхождениям element2 , которым предшествует element1 .
У обоих элементов должен быть один и тот же родитель, но element2 не должен непосредственно предшествовать элементу element1 .
Версия: | CSS3 |
---|
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает селектор.
Selector | |||||
---|---|---|---|---|---|
element1~element2 | 4.0 | 7.0 | 3.5 | 3.2 | 9.6 |
Синтаксис CSS
element ~ element {
css declarations;
}