CSS-ში სელექტორების დაჯგუფება

ზოგჯერ შეიძლება შემდეგი სიტუაცია წარმოიშვას: თქვენ უნდა გააკეთოთ ერთი და იგივე რამ სხვადასხვა ტეგებთან, მაგალითად, ყველა სათაური გააფერადოთ h2, h3 და აბზაცები წითელ ფერში. ამ შემთხვევაში თქვენ მოგიწევთ დაწეროთ მსგავსი რამ:

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

თუმცა, არსებობს გზა ამის გასაკეთებლად ოდნავ მოკლედ: ტეგების სელექტორების გაერთიანება შესაძლებელია მძიმით გამოყოფით და CSS კოდი ვრცელდება მათ ყველაზე ერთდროულად. ზემოთ მოყვანილი კოდის გადაწერა შესაძლებელია უფრო მოკლედ ამ გზით:

cssh2, h3, p {
  color: red;
}

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