Universele selector in CSS
De universele selector * maakt het mogelijk
om alle elementen te selecteren.
Voorbeeld
Laten we alle elementen selecteren en ze rood kleuren:
* {
color: red;
}
Voorbeeld
Laten we alle elementen selecteren die zich
in de div-tag bevinden en ze rood
kleuren:
div * {
color: red;
}
Voorbeeld
Laten we alle elementen selecteren die zich
direct in de div-tag bevinden en ze
rood kleuren:
div > * {
color: red;
}
Voorbeeld
Laten we alle span-tags selecteren die
zich in een willekeurige tag bevinden die op zijn
beurt zich in de div-tag bevindt:
div * span {
color: red;
}
Praktische opdrachten
Gegeven code:
<main>
<p>---</p>
<p>---</p>
<div>
<p>+++</p>
<p>+++</p>
</div>
<section>
<p>+++</p>
<p>+++</p>
</section>
</main>
Schrijf een selector die alle alinea's selecteert,
die zich in een willekeurige ouder binnen
de main-tag bevinden.
