Sách tham khảo bộ kết hợp CSS

Kết hợp CSS

Ký hiệu kết hợp là một ký hiệu để giải thích mối quan hệ giữa các bộ chọn.

Bảng dưới đây hiển thị các ký hiệu kết hợp khác nhau trong CSS:

Tên Ký hiệu Ví dụ Mô tả ví dụ
Ký hiệu con > div > p Chọn tất cả các phần tử <p> là con trực tiếp của phần tử <div>.
Ký hiệu con cháu （khoảng trống đơn） div p Chọn tất cả các phần tử <p> nằm trong phần tử <div>.
Ký hiệu phân cách không gian tên | ns | h2 Chọn tất cả các phần tử <h2> trong không gian tên ns.
Ký hiệu anh em kế tiếp + div + p Chọn phần tử <p> đầu tiên nằm sau phần tử <div>.
Danh sách lựa chọn , div, p Chọn tất cả các phần tử <div> và tất cả các phần tử <p>.
Chọn các phần tử anh em sau ~ p ~ ul Chọn tất cả các phần tử <ul> có phần tử <p> trước đó.