Tôi đã viết một tiện ích mở rộng của Chrome và một trong những tính năng là bạn có thể hiển thị bảng trợ giúp trên trang bạn đang truy cập có chứa hướng dẫn cách sử dụng tiện ích này. Bảng trợ giúp này được chèn vào trang thông qua JS và CSS của nó được chèn thông qua$('#selector_for_help_panel').css({etc})
Tạo.
Điều này hoạt động rất tốt, ngoại trừ trên Reddit có một số phương tiện truyền thông="tất cả"
Quy tắc CSS ghi đè CSS nội tuyến trong JS của tôi. Tôi nghĩ chỉ !quan trọng
CSS nội tuyến bị ghi đè.
!quan trọng
Liệu nó có chống lại CSS của họ ở đây không? phương tiện truyền thông="tất cả"
Nó nằm ở mức độ ưu tiên CSS nào?
Các loại phương tiện và truy vấn phương tiện không ảnh hưởng đến việc xếp tầng. Bạn có thể sử dụng tất cả các nguyên tắc sắp xếp thứ tự biểu định kiểu (ví dụ: tác nhân người dùng so với biểu định kiểu bên ngoài so với biểu định kiểu bên trong và thứ tự tải của chúng), xếp tầng và kế thừa thông thường, bao gồm cả việc sử dụng !quan trọng
.
!quan trọng
Thường được quảng bá như một công cụ để chống lại các kiểu nội tuyến, nhưng nguyên nhân cốt lõi là nó nâng lên bất kỳ khai báo nào mà nó áp dụng trong tầng, cho phép bất kỳ khai báo nào bên ngoài kiểu nội tuyến đánh bại kiểu nội tuyến (trên thực tế, nếu các kiểu nội tuyến này liên kết bản thân phong cách đã có !quan trọng
, nó thực sự vẫn có thể bị đánh bại bởi các kiểu nội tuyến). Điều này có nghĩa là tất cả các quy tắc về mức độ ưu tiên của biểu định kiểu và tính đặc hiệu của bộ chọn vẫn được áp dụng, đặc biệt khi bạn có !quan trọng
khi khai báo.
另见:Mối quan hệ giữa !important và tính đặc hiệu của CSS
Tôi là một lập trình viên xuất sắc, rất giỏi!