Một tổ hợp con trong CSS là ký hiệu “lớn hơn”, nó trông giống như sau:
ol > li ( color: red; )Nó có nghĩa là “chọn các phần tử chỉ là con cháu trực tiếp”. Trong trường hợp này: “chọn các mục danh sách là con cháu trực tiếp của danh sách có thứ tự”. Để minh họa:
- WILL be selected
- WILL be selected
- Will NOT be selected
- Will NOT be selected
- WILL be selected
Hãy thử xóa >biểu tượng khi chơi xung quanh với bản demo bên dưới:
Xem Pen f149edb15c53d157a7009b816ee919d2 của CSS-Tricks (@ css-trick) trên CodePen.
Thêm thông tin
- Bài báo về bộ chọn trẻ em và anh chị em.
- Tài liệu MDN
Cũng được biết đến như là…
Bộ tổ hợp con là cái mà spec gọi nó, nhưng bạn cũng sẽ nghe nó được gọi là:
- bộ chọn trẻ em
- bộ chọn con cháu trực tiếp
- tổ hợp con cháu trực tiếp
Hỗ trợ trình duyệt
| Trình duyệt Chrome | Safari | Firefox | Opera | I E | Android | iOS |
|---|---|---|---|---|---|---|
| Bất kì | Bất kì | Bất kì | Bất kì | 7+ | Bất kì | Bất kì |