Univerzalni selektor v CSS
Univerzalni selektor * omogoča
izbiro vseh elementov.
Primer
Izberimo vse elemente in jih pobarvajmo rdeče:
* {
color: red;
}
Primer
Izberimo vse elemente, ki se nahajajo
znotraj oznake div, in jih pobarvajmo rdeče:
div * {
color: red;
}
Primer
Izberimo vse elemente, ki se neposredno
nahajajo znotraj oznake div, in jih pobarvajmo
rdeče:
div > * {
color: red;
}
Primer
Izberimo vse oznake span, ki
se nahajajo znotraj katere koli oznake, ki je
nahaja znotraj oznake div:
div * span {
color: red;
}
Praktične naloge
Podana koda:
<main>
<p>---</p>
<p>---</p>
<div>
<p>+++</p>
<p>+++</p>
</div>
<section>
<p>+++</p>
<p>+++</p>
</section>
</main>
Napišite selektor, ki bo izbral vse odstavke,
ki se nahajajo znotraj katerega koli starša znotraj
oznake main.