Групиране на селектори в CSS

Понякога може да възникне следната ситуация: трябва да направите едно и също нещо с различни тагове, например, да оцветите всички заглавия h2, h3 и параграфи в червен цвят. В този случай ще трябва да напишете нещо подобно:

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

Въпреки това, има начин да се направи това малко по-кратко: селекторите на тагове могат да се комбинират чрез запетая и CSS кодът ще се приложи към тях всички едновременно. Горният код може да бъде пренаписан по-кратко по следния начин:

cssh2, h3, p {
  color: red;
}

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