Universell selektor i CSS
Den universella selektorn * låter dig
välja alla element.
Exempel
Låt oss välja alla element och göra dem röda:
* {
color: red;
}
Exempel
Låt oss välja alla element som finns
inuti div-taggen och göra dem röda:
div * {
color: red;
}
Exempel
Låt oss välja alla element som direkt
finns inuti div-taggen och göra
dem röda:
div > * {
color: red;
}
Exempel
Låt oss välja alla span-taggar som
finns inuti vilken tagg som helst, som i sin
tur finns inuti div-taggen:
div * span {
color: red;
}
Praktiska uppgifter
Given kod:
<main>
<p>---</p>
<p>---</p>
<div>
<p>+++</p>
<p>+++</p>
</div>
<section>
<p>+++</p>
<p>+++</p>
</section>
</main>
Skriv en selektor som väljer alla stycken
som finns inuti vilken förälder som helst inuti
main-taggen.
