Універсальний селектор в 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.