Selektorite grupeerimine CSS-is

Mõnikord võib tekkida järgmine olukord: peate tegema sama asja erinevate siltidega, näiteks värvima kõik pealkirjad h2, h3 ja lõigud punaseks värvi. Sel juhul peate kirjutama midagi sellist:

cssh2 {
  color: red;
}
h3 {
  color: red;
}
p {
  color: red;
}

Siiski on olemas viis seda teha natuke lühemalt: siltide selektoreid saab ühendada koma abil ja CSS kood rakendub neile kõigile korraga. Eespool toodud koodi saab ümber kirjutada lühemalt järgmiselt:

cssh2, h3, p {
  color: red;
}

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