DONT ADD ANYTHING HERE!

  1. The descendant combinator — typically represented by a single space (" ") character — combines two selectors such that an element matched by the second selector is selected if it has an ancestor (parent, parent's parent, parent's parent's parent, etc.) element matching the first selector
  2. Selectors that utilize a descendant combinator are called descendant selectors
  3. The descendant combinator is technically one or more CSS white space characters

Example

Paragraph-1

Paragraph-2

Paragraph-3

HTML

<div class="combinators">
    <div>
        <p class="para1">Paragraph-1</p>
    </div>
    <div>
        <p class="para2">Paragraph-2</p>
    </div>
    <div>
        <p class="para3">Paragraph-3</p>
    </div>
</div> 

CSS

.combinators {
    font-size: 1.4em;
}

.combinators>p {
    color: red;
}

.combinators p {
    background-color: lightgoldenrodyellow;
} 

Mnemonic

References