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

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

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

ასეთ შემთხვევაში შესაძლებელია განმეორებადი ნაწილების დაჯგუფება, ხოლო ის, რაც არ მეორდება, ცალკე დავწეროთ:

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

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

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

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

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