Javascript 注入新的样式表规则
我在我的页面上使用一些javascript在页面上添加了一些插件,但javascript添加了一些css样式,这些新的css样式覆盖了页面上现有的css样式 有没有办法禁用新的css样式。我知道我可以使用javascript删除新创建的css规则,但我不想使用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"){
谢谢请查看此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特定性,以便它们覆盖添加的任何新规则