Універсальний селектор * дозволяє
вибирати усі елементи.
Приклад
Давайте виберемо всі елементи та пофарбуємо їх у червоний колір:
* {
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.