Gruparea selectorilor în CSS

Uneori poate apărea următoarea situație: trebuie să faci același lucru cu diferite tag-uri, de exemplu, să colorezi toate titlurile h2, h3 și paragrafele în culoarea roșie. În acest caz, va trebui să scrii ceva de genul:

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

Cu toate acestea, există o modalitate de a face acest lucru puțin mai scurt: selectorii de tag-uri pot fi grupați prin virgulă, iar codul CSS se va aplica la toți simultan. Codul de mai sus poate fi rescris mai scurt astfel:

cssh2, h3, p {
  color: red;
}

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