Как понять глубину селекторов?

Question

[dollar]

Чем отличается селектор div h1 от селектора div > h1 ?
Я разницы не заметил вообще.

https://codepen.io/anon/pen/JaaLpa

Comments

[Moskus]

А они должны отличаться?

[Moskus]

Теперь оберните оба параграфа в span и посмотрите, что будет.

[dollar]

Ярослав Иванов, документацию читал. Но прямые потомки не работают. Пример по ссылке.

Answer 1

[Ярослав Иванов]

Документацию почитать?) на любом уровне вложенности и прямые потомки.
И если вы думаете, что такой код валидный то вы ошибаетесь. Откройте devtools и убедитесь, что "h1" не вложен в "p" и "span"
<p><span><h1>asdasd</h1></span></p>

Блочные элементы не оборачивают в строчные.