Universell velger i CSS
Den universelle velgeren * lar deg
velge alle elementer.
Eksempel
La oss velge alle elementer og fargelegge dem i rødt:
* {
color: red;
}
Eksempel
La oss velge alle elementer som befinner seg
inni div-taggen, og fargelegge dem i rødt:
div * {
color: red;
}
Eksempel
La oss velge alle elementer som befinner seg
umiddelbart inni div-taggen, og fargelegge
dem i rødt:
div > * {
color: red;
}
Eksempel
La oss velge alle span-tagger som
befinner seg inni en hvilken som helst tagg, som
igjen befinner seg inni div-taggen:
div * span {
color: red;
}
Praktiske oppgaver
Gitt koden:
<main>
<p>---</p>
<p>---</p>
<div>
<p>+++</p>
<p>+++</p>
</div>
<section>
<p>+++</p>
<p>+++</p>
</section>
</main>
Skriv en velger som velger alle avsnitt
som befinner seg inni en hvilken som helst forelder inni
main-taggen.
