Универсальный селектор *
позволяет
выбирать все элементы.
Пример
Давайте выберем все элементы и покрасим их в красный цвет:
* {
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
.