HTML and CSS Reference
In-Depth Information
General sibling selector
CSS 3 added the general sibling selector, which matches the second element only if it is
preceded by a sibling element of the first type.
h1~p { color: blue; }
In the following example, the last two paragraphs are selected because they are
preceded by
<h1>
and all share the same parent:
<p>Not blue</p>
<h1>Not blue</h1>
<p>Blue</p>
<p>Blue</p>
Although it is a CSS 3 selector, it is supported by all major browsers, including
Chrome 2+, Firefox, IE7+, Safari 3.1+, and Opera 9.2+.
