Селектор потомков

Первый селектор — это селектор потомков. Мы используем его, когда хотим стилизовать элементы, которые находятся внутри другого элемента, даже если они глубоко вложены. Например, внутри container находятся два абзаца.

<div class="container">
    <p>This is a paragraph inside a div.</p&    <section>
        <p>This is a paragraph inside a section that is inside a div.</p>
    </section>
</div>

Теперь давай используем селектор потомка, чтобы стилизовать все абзацы внутри div:

.container p {
    color: blue;
}

Все абзацы внутри div .container станут blue, даже тот, который вложен в элемент section.