Nhóm các bộ chọn trong CSS
Đôi khi có thể xảy ra tình huống sau:
bạn cần làm điều tương tự với các
thẻ khác nhau, ví dụ, tô màu tất cả các tiêu đề
h2, h3 và các đoạn văn thành màu đỏ.
Trong trường hợp này, bạn sẽ phải viết một cái gì đó
giống như thế này:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
Tuy nhiên, có một cách để làm điều này ngắn gọn hơn một chút: các bộ chọn thẻ có thể được nhóm lại bằng dấu phẩy và mã CSS sẽ được áp dụng cho tất cả chúng cùng một lúc. Đoạn mã trên có thể được viết lại ngắn gọn hơn theo cách này:
h2, h3, p {
color: red;
}
Hãy đơn giản hóa mã bằng cách sử dụng nhóm các bộ chọn:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}
