The adjacent sibling combinator (+
) separates two selectors and matches the second element only if it immediately follows the first element, and both are children of the same parent element
.
/* Paragraphs that come immediately after any image */ img + p { font-style: bold; }
Syntax
former_element + target_element { style properties }
Example
CSS
li:first-of-type + li { color: red; }
HTML
<ul> <li>One</li> <li>Two!</li> <li>Three</li> </ul>
Result
Specifications
Specification | Status | Comment |
---|---|---|
Selectors Level 4 The definition of 'next-sibling combinator' in that specification. |
Working Draft | Renames it the "next-sibling" combinator. |
Selectors Level 3 The definition of 'Adjacent sibling combinator' in that specification. |
Recommendation | |
CSS Level 2 (Revision 1) The definition of 'Adjacent sibling selectors' in that specification. |
Recommendation | Initial definition. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic support | 1 | 12 | 1 | 71 2 | Yes | Yes |
Feature | Android webview | Chrome for Android | Edge mobile | Firefox for Android | Opera Android | iOS Safari | Samsung Internet |
---|---|---|---|---|---|---|---|
Basic support | Yes | Yes | Yes | 4 | Yes | Yes | Yes |
1. Internet Explorer 7 doesn't update the style correctly when an element is dynamically placed before an element that matched the selector.
2. In Internet Explorer 8, if an element is inserted dynamically by clicking on a link the first-child style isn't applied until the link loses focus.
See also
Document Tags and Contributors
Tags:
Contributors to this page:
fscholz,
mfluehr,
wbamberg,
KadirTopal,
erikadoyle,
jsx,
Jezer,
cvrebert,
Sebastianz,
teoli,
jlanus,
zacharytamas,
motoxer4533,
khs,
FredB,
Sheppy,
dhar,
tregagnon,
tw2113,
BYK,
miken32,
Wjjohnst
Last updated by:
fscholz,