Bộ chọn nhóm trong CSS

Bạn có thể áp dụng một kiểu cho nhiều bộ chọn nếu muốn. Chỉ cần phân tách các bộ chọn bằng dấu phẩy, như được đưa ra trong ví dụ sau:

h1, h2, h3 {
   color: #36C;
   font-weight: normal;
   letter-spacing: .4em;
   margin-bottom: 1em;
   text-transform: lowercase;
}

Quy tắc kiểu đã xác định này cũng sẽ được áp dụng cho phần tử h1, h2 và h3. Thứ tự của danh sách là không liên quan. Tất cả các phần tử trong bộ chọn sẽ có các khai báo tương ứng được áp dụng cho chúng.

Bạn có thể kết hợp các bộ chọn id khác nhau với nhau như được hiển thị bên dưới:

#content, #footer, #supplement {
   position: absolute;
   left: 510px;
   width: 200px;
}