注入新的样式表规则
Injection new stylesheet rules
我在页面上使用一些javascript在页面上放置一些插件,但javascript添加了一些css样式,这些新的css样式覆盖了页面上现有的css样式。
有没有办法禁用新的css样式。我知道我可以使用javascript来删除新创建的css规则,但我不想使用javascript。有可能吗?
感谢
您可以尝试通过一些简单的技巧来提高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示例
只需查看此css路径并执行下一个代码:
$("rel").each(function(){
if($(this).attr("href")=="insert you path here"){
$(this).attr("disabled", "disabled");
}
});
相关文章:
- 如何添加!对于使用JavaScript的样式表规则非常重要
- 如何动态创建可被早期规则重写的css样式规则
- 用程序从单个HTML元素中删除CSS样式规则
- 如何更改外部样式表的css规则
- 将 CSS 样式规则转换为 HTML 元素(反之亦然)
- 定义导航列表 (css) 的样式规则
- 注入新的样式表规则
- 选择样式属性的规则之一
- 将规则添加到CSS类,然后保存样式表
- 在chrome和safari中,Contenteditable用内联样式替换CSS类和规则
- 将内联样式转换为css规则
- 查找所选元素的所有CSS类规则列表(来自多个样式表)及其活动属性
- Contents ().find('html').html()不设置body的's样式规则
- 访问从CDN加载的CSS的样式表规则
- 如何使用js添加多个样式规则到css伪元素
- 我如何使用webcomponent.js获得样式表css规则
- 如何在没有iframe的情况下从样式和css规则的正常流程中删除网页的一部分?
- 添加规则到样式表 JavaScript - insertRule不起作用
- 动态更改样式表规则选择器
- 使用CSS/javascript/jquery实现一个max-font-size样式规则