Комбинированный селектор: element ~ element

Поддержка браузерами
Настольные браузеры Chrome Firefox (Gecko) Internet Explorer Opera Safari
Версии браузеров 1.0 1.0 (1.7 или выше) 7 9 3
Мобильные браузеры Android Firefox for Android IE Mobile Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 2.1 49 10 12 3.2
Селектор атрибута
element ~ element — этот селектор позволяет применить стили к элементу, который является следующим после указанного в первой части, а также к таким же элементам если они встречаются в потоке и имеют того же родителя что и элемент первой части.
Правила записи
element ~ element { свойство: значение; }
Примеры
<div>Упавший духом гибнет раньше срока.</div>

<p>Единственный человек на земле, которого мы в силах изменить, это мы сами.</p>

<p>Лучше помалкивать и казаться дураком, чем открыть рот и окончательно развеять сомнения.</p>

<p>Любовь бежит от тех, кто гонится за нею, а тем, кто прочь бежит, кидается на шею.</p>

Поделиться