Generelle egenskaber ved gruppering af selektorer i CSS

Det sker nogle gange, at en del af egenskaberne for visse selektorer er de samme, mens en anden del er forskellig. I følgende kode har overskrifter og afsnit for eksempel rød farve, men afsnittet har derudover også andre egenskaber:

cssh2 {
  color: red;
}
h3 {
  color: red;
}
p {
  color: red;
  text-align: justify;
  font-size: 16px;
}

I sådanne tilfælde kan du gruppere de gentagne dele, mens det, der ikke gentages, skrives separat:

cssh2, h3, p {
  color: red;
}
p {
  text-align: justify;
  font-size: 16px;
}

cssh1 {
  text-align: center;
}
h2 {
  text-align: center;
  color: blue;
}
h3 {
  text-align: center;
  font-size: 16px;
  color: red;
}

cssh1 {
  text-align: center;
  color: red;
}
h2 {
  text-align: center;
  color: red;
}
h3 {
  text-align: center;
  font-size: 16px;
  color: red;
}