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