Descendant selector

E F {} any element F that is a descendant of E (at any level within E). Specified by white space between two simple selectors.

See also:

General sibling selector ~

E ~ F an element F, that is preceded by element E.
Like the Adjacent sibling selector + only it selects all siblings of the type F that precede E.

See also:

Adjacent sibling selector +

E + F an element F that immeadiately precedes element E.
To be siblings, elements have the same parent and are at the same level in the DOM. 

<div class="parent">
   <p> child to div.parent, sibling to A </p>
   <a href="" >child to div.parent, sibling to P </a>
</div>

See also:

Syndicate content