javascript - 注入新的样式表规则

Question

我在我的页面上使用了一些 javascript 在页面上放置了一些插件，但是 javascript 添加了一些 css 样式，并且这些新的 css 样式会覆盖页面上现有的 css 样式。

有没有办法禁用新的 CSS 样式。我知道我可以使用 javascript 删除新创建的 css 规则，但我不想使用 javascript。有可能吗？

谢谢

score 0 · Accepted Answer

只需查看此 css 路径并执行以下代码：

 $("rel").each(function(){
      if($(this).attr("href")=="insert you path here"){
        $(this).attr("disabled", "disabled");
       }
    });

score 0 · Accepted Answer

您可以尝试通过一些简单的技巧来提高 CSS 规则的优先级。

例如，您可以为 html 中最外部的容器元素赋予一个 id 属性，例如 id="yourContainerId"。然后，您可以通过将#yourContainerId 添加到您要提升的所有类来提高css 类的优先级：

#yourContainerId .yourClass1 {

}

#yourContainerId .yourClass2 {

}

ETC..

如果您想了解更多关于 css 优先级的信息，这是一个很好的资源： http ://www.w3.org/wiki/CSS/Training/Priority_level_of_selector

注意：这个技巧在某些特定的情况下是行不通的，因为如果你的 javascript 在你的 html 元素上写了内联样式就没什么可做的了，你只能用 js 删除它们。告诉我您是否需要 jsFiddle 示例

2 回答 2