CSS3 element1~element2Селекторы

Полное справочное руководство по селекторам CSS

Пример

Задайте цвет фона для каждого элемента ul, который следует за элементом p в одном и том же родительском элементе:

p~ul
{
background:#ff0000;
}

Попробуйте сами »

Определение и использование

element1~element2Селектор соответствует element2, который появляется после element1.

element1иelement2Эти два элемента должны иметь один и тот же родительский элемент, ноelement2не обязательно должен идти сразу послеelement1После.


Поддержка браузеров

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Все основные браузеры поддерживают это.element1~element2Селектор.

Примечание:Чтобы использовать этот селектор в IE8 и его более ранних версиях, необходимо объявить<!DOCTYPE>。


Полное справочное руководство по селекторам CSS

Другие расширения