Universele Keurder in CSS
Die universele keurder * laat toe
om alle elemente te kies.
Voorbeeld
Kom ons kies alle elemente en verf hulle rooi:
* {
color: red;
}
Voorbeeld
Kom ons kies alle elemente wat
binne die div-tag geleë is, en verf hulle rooi:
div * {
color: red;
}
Voorbeeld
Kom ons kies alle elemente wat direk
binne die div-tag geleë is, en verf
hulle rooi:
div > * {
color: red;
}
Voorbeeld
Kom ons kies alle span-tags wat
binne enige tag geleë is, wat op sy beurt
binne die div-tag geleë is:
div * span {
color: red;
}
Praktiese Take
Gegewe kode:
<main>
<p>---</p>
<p>---</p>
<div>
<p>+++</p>
<p>+++</p>
</div>
<section>
<p>+++</p>
<p>+++</p>
</section>
</main>
Skryf 'n keurder wat alle paragrawe sal kies,
geleë binne enige ouer binne
die main-tag.
