Valitsijaryhmittely CSS:ssä
Joskus voi syntyä seuraava tilanne:
sinun täytyy tehdä sama asia eri
tägeille, esimerkiksi värjätä kaikki otsikot
h2, h3 ja kappaleet punaiseksi.
Tässä tapauksessa sinun on kirjoitettava jotain
tällaista:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
On kuitenkin olemassa tapa tehdä tämä hieman lyhyemmin: tagivalitsijat voidaan yhdistää pilkulla ja CSS-koodi pätee niihin kaikkiin samanaikaisesti. Yllä oleva koodi voidaan kirjoittaa uudelleen lyhyemmin näin:
h2, h3, p {
color: red;
}
Yksinkertaista koodia käyttämällä valitsijaryhmittelyä:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}
