Yleinen valitsin CSS:ssä
Yleinen valitsin * mahdollistaa
kaikkien elementtien valitsemisen.
Esimerkki
Valitaan kaikki elementit ja väritetään ne punaisella:
* {
color: red;
}
Esimerkki
Valitaan kaikki div-tagin sisällä
olevat elementit ja väritetään ne punaisella:
div * {
color: red;
}
Esimerkki
Valitaan kaikki elementit, jotka ovat suoraan
div-tagin sisällä, ja väritetään
ne punaisella:
div > * {
color: red;
}
Esimerkki
Valitaan kaikki span-tagit, jotka
ovat minkä tahansa tagin sisällä, joka puolestaan
on div-tagin sisällä:
div * span {
color: red;
}
Käytännön tehtävät
Annettu koodi:
<main>
<p>---</p>
<p>---</p>
<div>
<p>+++</p>
<p>+++</p>
</div>
<section>
<p>+++</p>
<p>+++</p>
</section>
</main>
Kirjoita valitsin, joka valitsee kaikki kappaleet,
jotka ovat minkä tahansa vanhemman sisällä
main-tagin sisällä.
