Seskupování selektorů v CSS

Někdy může nastat následující situace: potřebujete udělat totéž s různými značkami, například obarvit všechny nadpisy h2, h3 a odstavce na červenou. V tomto případě budete muset napsat něco jako toto:

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

Existuje však způsob, jak to udělat trochu krátce: selektory značek lze spojit čárkou a CSS kód se na ně aplikuje všechny současně. Výše uvedený kód lze přepsat kratším způsobem takto:

cssh2, h3, p {
  color: red;
}

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