Universaalne valija CSS-is
Universaalne valija * võimaldab
valida kõik elemendid.
Näide
Valime kõik elemendid ja värvime need punaseks:
* {
color: red;
}
Näide
Valime kõik elemendid, mis asuvad
div elemendi sees, ja värvime need punaseks:
div * {
color: red;
}
Näide
Valime kõik elemendid, mis asuvad otse
div elemendi sees, ja värvime need
punaseks:
div > * {
color: red;
}
Näide
Valime kõik span elemendid, mis
asuvad mis tahes elemendi sees, mis omakorda
asub div elemendi sees:
div * span {
color: red;
}
Praktilised ülesanded
Antud kood:
<main>
<p>---</p>
<p>---</p>
<div>
<p>+++</p>
<p>+++</p>
</div>
<section>
<p>+++</p>
<p>+++</p>
</section>
</main>
Kirjutage valija, mis valib kõik lõigud,
mis asuvad main elemendi sees oleva mis tahes vanemaelemendi sees.
