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.
h4 + p {
font-weight: bold;
color: #FFFFFF;
}
The text below is a simple example of the above code:
This is the <p> after the heading. It should be bold and white.