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