การจัดกลุ่มซีเล็กเตอร์ที่ซับซ้อนใน CSS

สมมติว่าเรามีสองซีเล็กเตอร์ต่อไปนี้:

.block h2 {
	color: red;
}
.block h3 {
	color: red;
}

เนื่องจากซีเล็กเตอร์เหล่านี้ทำสิ่งเดียวกัน เราสามารถจัดกลุ่มพวกมันด้วยเครื่องหมายจุลภาค:

.block h2, .block h3 {
	color: red;
}

ทำให้นี้อ่านง่ายขึ้นโดยใช้การจัดกลุ่มซีเล็กเตอร์:

#block h1 {
	text-align: center;
}
#block h2 {
	text-align: center;
}

ทำให้นี้อ่านง่ายขึ้นโดยใช้การจัดกลุ่มซีเล็กเตอร์:

#block h1 {
	text-align: center;
	font-size: 30px;
}
#block h2 {
	text-align: center;
	font-size: 20px;
}