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

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

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

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

h2, h3, p {
	color: red;
}

გაამარტივეთ კოდი, სელექტორების დაჯგუფების გამოყენებით:

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