CSS-da selektorlarni guruhlashda umumiy xususiyatlar

Ba'zida ba'zi selektorlarning bir qism xususiyatlari o'xshash bo'ladi, boshqa qismi esa farq qiladi. Masalan, quyidagi kodda sarlavhalar va abzats qizil rangga ega, lekin abzatsda bundan tashqari yana qo'shimcha xususiyatlar mavjud:

cssh2 {
  color: red;
}
h3 {
  color: red;
}
p {
  color: red;
  text-align: justify;
  font-size: 16px;
}

Bunday holatda takrorlanuvchi qismlarni guruhlash mumkin, takrorlanmaydigan qismlarni esa alohida yozish mumkin:

cssh2, h3, p {
  color: red;
}
p {
  text-align: justify;
  font-size: 16px;
}

cssh1 {
  text-align: center;
}
h2 {
  text-align: center;
  color: blue;
}
h3 {
  text-align: center;
  font-size: 16px;
  color: red;
}

cssh1 {
  text-align: center;
  color: red;
}
h2 {
  text-align: center;
  color: red;
}
h3 {
  text-align: center;
  font-size: 16px;
  color: red;
}