การจัดกลุ่มซีเล็กเตอร์ที่ซับซ้อนใน 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;
}