Универсальный селектор в CSS

Универсальный селектор * позволяет выбирать все элементы.

Пример

Давайте выберем все элементы и покрасим их в красный цвет:

* { color: red; }

Пример

Давайте выберем все элементы, находящиеся внутри тега div, и покрасим их в красный цвет:

div * { color: red; }

Пример

Давайте выберем все элементы, непосредственно находящиеся внутри тега div, и покрасим их в красный цвет:

div > * { color: red; }

Пример

Давайте выберем все элементы, находящиеся внутри тега span, который в свою очередь находится внутри любого тега, который в свою очередь находится внутри тега div:

div * span { color: red; }

Практические задачи

Дан код:

<main> <p>-</p> <p>-</p> <div> <p>+</p> <p>+</p> </div> <section> <p>+</p> <p>+</p> </section> </main>

Напишите селектор, который выберет все абзацы, находящийся внутри любого родителя внутри тега main.