注入新的样式表规则

Question

我在页面上使用了一些javascript来在页面上添加一些插件，但是javascript添加了一些css样式，而那些新的css样式覆盖了页面上现有的css样式。

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

谢谢

Answer 1

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

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

Answer 2

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

例如，您可以为html中最外部的容器元素指定id属性，例如id =“yourContainerId”。 然后，您可以通过将#yourContainerId添加到您要引发的所有类来提高css类的优先级：

#yourContainerId .yourClass1 {

}

#yourContainerId .yourClass2 {

}

等。

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

注意：这个技巧在某些特定条件下不起作用，因为如果你的javascript在你的html元素上写入内联样式，那么无所事事，你只能用js删除它们。 告诉我你是否需要一个jsFiddle示例