6
Hôm qua tôi gặp phải vấn đề này: Một trong số :hover -states của tôi ngừng hoạt động. Tôi phát hiện ra rằng Nếu tôi thay đổi này:Ai đó có thể giải thích lý do tại sao "-nút con" -selector có một ưu tiên cao hơn "hover"?
div.item {}
div.item:hover {}
div.item:nth-child(even) {}
này:
div.item {}
div.item:nth-child(even) {}
div.item:hover {}
nó hoạt động trở lại.
Tôi đã tạo một demo on jsfiddle để hiển thị cả hai trường hợp.
Ai đó có thể giải thích, tại sao :hover -state bị ghi đè bởi bộ chọn?
+1 Cảm ơn bạn, chính xác những gì tôi đang tìm kiếm. Tôi nghĩ rằng vẫn còn một số loại phân cấp trong các lớp giả. – insertusernamehere
@insertusernamehere: Không, lớp giả duy nhất được miễn từ phép tính thông thường là ': not()', thay vào đó tính toán đặc trưng của đối số của nó. Điều này có nghĩa là tính đặc hiệu của ': not (E)' là 'E', chứ không phải là': not() '. – BoltClock
@BoltClock Ah, do đó, có ít nhất một ngoại lệ. Cảm ơn thông tin bổ sung này. – insertusernamehere