Universel selector i CSS
Den universelle selector * giver mulighed for
at vælge alle elementer.
Eksempel
Lad os vælge alle elementer og farve dem rød:
* {
color: red;
}
Eksempel
Lad os vælge alle elementer, der befinder sig
inde i div-tagget, og farve dem rød
farve:
div * {
color: red;
}
Eksempel
Lad os vælge alle elementer, der direkte
placeret inde i div-tagget, og farve
dem rød:
div > * {
color: red;
}
Eksempel
Lad os vælge alle span-tags, som
er placeret inde i et hvilket som helst tag, som igen
er placeret inde i div-tagget:
div * span {
color: red;
}
Praktiske opgaver
Givet kode:
<main>
<p>---</p>
<p>---</p>
<div>
<p>+++</p>
<p>+++</p>
</div>
<section>
<p>+++</p>
<p>+++</p>
</section>
</main>
Skriv en selector, der vælger alle afsnit,
placeret inde i enhver forælder inde i
main-tagget.
