การจัดกลุ่มตัวเลือกใน 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;
}