From Web Education Community Group
< CSS‎ | Selectors
Jump to: navigation, search

Adjacent sibling combinator A + B

The Adjacent sibling combinator represents a "B" element that is placed immediately after a "A" element.


A + B{ preperties }

Point, Note

  • The adjacent sibling combinator is made of the "plus sign" (+) character that separates two sequences of simple selectors.
  • The elements represented by the two sequences share the same parent in the document tree.



 h1 + p{
   background-color: yellow;


<p>This is a paragraph.</p>
<p>This is a paragraph.</p>

Css3 selectors adjacent.png

CSS defines the Adjacent sibling combinator in 8.3.1. Adjacent sibling combinator.