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:

cssh2 {
  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:

cssh2, h3, p {
  color: red;
}

cssh1 {
  text-align: center;
}
h2 {
  text-align: center;
}
h3 {
  text-align: center;
}