gpt4 book ai didi

css - 媒体 ="all"CSS 是否会覆盖所有内容?

转载 作者:太空宇宙 更新时间:2023-11-04 13:25:35 28 4
gpt4 key购买 nike

我编写了一个 Chrome 扩展程序,其中一个功能是您可以在您所在的页面中调出一个帮助面板,其中包含其使用指南。这个帮助面板是通过JS插入到页面中的,它的CSS都是通过$('#selector_for_help_panel').css({etc})创建的。

这很好用,除了在 Reddit 上有一些 media="all" CSS 规则覆盖了我的 JS 中的内联 CSS。我认为只有 !important 覆盖了内联 CSS。

!important 会在这里对抗他们的 CSS 吗? media="all" 位于 CSS 优先级的哪个层次?

最佳答案

媒体类型和媒体查询对级联没有影响。您可以使用样式表排序的所有原则(例如,用户代理与外部样式表与内部样式表以及它们的加载顺序)、级联和正常继承,包括使用 !important

!important 通常被宣传为对抗内联样式的工具,但其根本原因是它提升了它在级联中应用的任何声明,这允许内联样式之外的任何声明击败内联样式(事实上,如果这些内联样式本身具有 !important,它实际上仍然可以被内联样式击败)。这意味着样式表优先级的所有规则以及选择器特异性仍然适用,尤其是当您在级联的不同级别中有 !important 声明时。

另见:Relationship between !important and CSS specificity

关于css - 媒体 ="all"CSS 是否会覆盖所有内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23749420/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com