Általános tulajdonságok szelektorok csoportosításakor a CSS-ben

Előfordul, hogy egyes szelektorok tulajdonságainak egy része megegyezik, egy része viszont eltér. A következő kódban például a címsorok és a bekezdés piros színűek, de a bekezdésnek ezen kívül vannak további tulajdonságai is:

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

Ilyen esetben az ismétlődő részeket csoportosíthatjuk, amelyek nem ismétlődnek, azokat pedig külön írhatjuk le:

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;
}