Gruppering av selektorer i CSS

Ibland kan följande situation uppstå: du vill göra samma sak med olika taggar, till exempel färga alla rubriker h2, h3 och stycken i röd färg. I det här fallet måste du skriva något i stil med detta:

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

Det finns dock ett sätt att göra detta lite kortare: taggselektorer kan kombineras genom kommatecken och CSS-koden kommer att tillämpas på dem alla samtidigt. Ovanstående kod kan skrivas om på ett kortare sätt så här:

cssh2, h3, p {
  color: red;
}

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