CSS Combinators

CSS combinators describe the relationship between two or more elements. Combinators make your selectors more specific and give you the flexibility to target an element's siblings, descendants, and direct children.

For example, the whitespace between a descendant selector is considered a combinator:

nav li {
  margin-left: 1.5em;
}

A spaced-separated selector targets...