Selektoru grupēšana CSS

Dažreiz var rasties šāda situācija: jums ar dažādiem atlasītajiem elementiem jāveic viena un tā pati darbība, piemēram, jānokrāso visi virsraksti h2, h3 un rindkopas sarkanā krāsā. Tādā gadījumā jums būs jāraksta kaut kas līdzīgs šim:

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

Tomēr pastāv veids, kā to izdarīt nedaudz īsāk: selektorus var apvienot ar komatu, un CSS kods tiks piemērots visiem tiem vienlaicīgi. Iepriekš minēto kodu var pārrakstīt īsāk šādā veidā:

cssh2, h3, p {
  color: red;
}

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