Caution

JavaScript is disabled in your browser.
This site uses JavaScript for features such as search.
For the best experience, please enable JavaScript before browsing this site.

CSS Dictionary

Home
CSS Dictionary
[CSS Selector] E + F

[CSS Selector] E + F

Using '+' (plus sign), you can apply styles only to the immediately following sibling element of the specified element. Note that despite being called the "adjacent sibling selector," it does not apply to the preceding sibling element. It only applies to the next sibling element that follows. Also note that this does not work in IE6 or earlier.

Sample Code

h2 + p { color: red;} /* Applies only to the p element immediately following the h2 element. */

Browser Result

h2 + p { color: red;} /* Applies only to the p element immediately following the h2 element. */

<p>This is a p element. It comes before the h2, so it does not turn red.</p>
<h2>This is an h2 element.</h2>
<p>This is a p element.</p>
<p>This is a p element.</p>