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