Univerzalni selektor u CSS-u
Univerzalni selektor * omogućava
odabir svih elemenata.
Primer
Hajde da odaberemo sve elemente i obojimo ih u crvenu boju:
* {
color: red;
}
Primer
Hajde da odaberemo sve elemente koji se nalaze
unutar taga div i obojimo ih u crvenu
boju:
div * {
color: red;
}
Primer
Hajde da odaberemo sve elemente koji se direktno
nalaze unutar taga div i obojimo
ih u crvenu boju:
div > * {
color: red;
}
Primer
Hajde da odaberemo sve tagove span koji
se nalaze unutar bilo kog taga, koji se zauzvrat
nalazi unutar taga div:
div * span {
color: red;
}
Praktični zadaci
Dat je kod:
<main>
<p>---</p>
<p>---</p>
<div>
<p>+++</p>
<p>+++</p>
</div>
<section>
<p>+++</p>
<p>+++</p>
</section>
</main>
Napišite selektor koji će odabrati sve pasuse,
koji se nalaze unutar bilo kog roditelja unutar
taga main.