我在我的页面上使用一些 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 示例,请告诉我
关于javascript - 注入(inject)新的样式表规则,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18536058/