Nhóm các bộ chọn phức tạp trong CSS
Giả sử chúng ta có hai bộ chọn sau:
.block h2 {
color: red;
}
.block h3 {
color: red;
}
Vì các bộ chọn này thực hiện cùng một việc, chúng có thể được nhóm lại bằng dấu phẩy:
.block h2, .block h3 {
color: red;
}
Hãy đơn giản hóa mã code bằng cách sử dụng nhóm bộ chọn:
#block h1 {
text-align: center;
}
#block h2 {
text-align: center;
}
Hãy đơn giản hóa mã code bằng cách sử dụng nhóm bộ chọn:
#block h1 {
text-align: center;
font-size: 30px;
}
#block h2 {
text-align: center;
font-size: 20px;
}
