Javascript 注入新的样式表规则

Javascript 注入新的样式表规则,javascript,css,less,ads,banner,Javascript,Css,Less,Ads,Banner,我在我的页面上使用一些javascript在页面上添加了一些插件,但javascript添加了一些css样式,这些新的css样式覆盖了页面上现有的css样式 有没有办法禁用新的css样式。我知道我可以使用javascript删除新创建的css规则,但我不想使用javascript。可能吗 谢谢请查看此css路径并执行下一个代码: $("rel").each(function(){ if($(this).attr("href")=="insert you path here"){

我在我的页面上使用一些javascript在页面上添加了一些插件,但javascript添加了一些css样式,这些新的css样式覆盖了页面上现有的css样式

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


谢谢

请查看此css路径并执行下一个代码:

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

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

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

#yourContainerId .yourClass1 {

}

#yourContainerId .yourClass2 {

}
等等

如果您想了解更多有关css优先级的信息,这是一个很好的资源:

注意:这种技巧在某些特定条件下无法工作,因为如果javascript在html元素上编写内联样式,则无需任何操作,只能使用js将其删除。
如果您需要一个JSFIDLE示例,请告诉我

您可以向现有规则添加更大的css特定性,以便它们覆盖添加的任何新规则