Grupowanie selektorów w CSS

Czasami może zaistnieć następująca sytuacja: chcesz zrobić to samo z różnymi znacznikami, na przykład, pokolorować wszystkie nagłówki h2, h3 i akapity na czerwono. W tym przypadku musiałbyś napisać coś w rodzaju:

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

Jednakże istnieje sposób, aby zrobić to nieco krócej: selektory znaczników można łączyć przez przecinek i kod CSS zastosuje się do nich wszystkich jednocześnie. Powyższy kod można przepisać krócej w ten sposób:

cssh2, h3, p {
  color: red;
}

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