CSSda selektorlarni guruhlash

Ba'zan quyidagi vaziyat yuzaga kelishi mumkin: siz turli teglarga bir xil narsani qilishingiz kerak, masalan, barcha sarlavha teglari h2, h3 va paragraflarni qizil rangga bo'yash. Bunday holda siz quyidagiga o'xshash narsani yozishingiz kerak bo'ladi:

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

Biroq, buni biroz qisqaroq qilishning usuli mavjud: teg selektorlarini vergul orqali birlashtirish mumkin va CSS kodi ularning barchasiga bir vaqtning o'zida qo'llaniladi. Yuqoridagi kodni quyidagicha qayta yozish mumkin:

cssh2, h3, p {
  color: red;
}

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