clipped from: eriwen.com   

Among the types of CSS selectors, one that is often overlooked is the CSS Adjacent Selector.

Adjacent sibling selectors have the following syntax: E1 + E2, where E2 is the subject of the selector. The selector matches if E1 and E2 share the same parent in the document tree and E1 immediately precedes E2.

The CSS code

  1. h4 + p { 
  2.     font-weightbold
  3.     color#FFFFFF
h4 + p {
    font-weight: bold;
    color: #FFFFFF;
}

The text below is a simple example of the above code:

This is normal heading 4 text

This is the <p> after the heading. It should be bold and white.