Pengelompokkan Selektor di CSS

Terkadang situasi berikut dapat terjadi: Anda perlu melakukan hal yang sama pada tag yang berbeda, misalnya, mengubah warna semua judul h2, h3, dan paragraf menjadi merah. Dalam hal ini, Anda harus menulis sesuatu seperti ini:

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

Namun, ada cara untuk membuatnya sedikit lebih pendek: selektor tag dapat digabungkan dengan koma, dan kode CSS akan diterapkan pada semuanya secara bersamaan. Kode di atas dapat ditulis ulang dengan lebih singkat seperti ini:

cssh2, h3, p {
  color: red;
}

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