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

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

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

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

css.block h2, .block h3 {
  color: red;
}
Задание 1

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

css#block h1 {
  text-align: center;
}
#block h2 {
  text-align: center;
}
Задание 2

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

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