Selectorul universal în CSS
Selectorul universal * permite
selectarea tuturor elementelor.
Exemplu
Să selectăm toate elementele și să le colorăm în roșu:
* {
color: red;
}
Exemplu
Să selectăm toate elementele care se află
în interiorul tag-ului div și să le colorăm în roșu:
div * {
color: red;
}
Exemplu
Să selectăm toate elementele care se află direct
în interiorul tag-ului div și să le colorăm
în roșu:
div > * {
color: red;
}
Exemplu
Să selectăm toate tag-urile span care
se află în interiorul oricărui tag, care la rândul
său se află în interiorul tag-ului div:
div * span {
color: red;
}
Probleme practice
Dat fiind codul:
<main>
<p>---</p>
<p>---</p>
<div>
<p>+++</p>
<p>+++</p>
</div>
<section>
<p>+++</p>
<p>+++</p>
</section>
</main>
Scrieți un selector care va selecta toate paragrafele
care se află în interiorul oricărui părinte din
tag-ul main.
