javascript - 注入(inject)新的样式表规则

Question

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

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

谢谢

Answer 1

您可以尝试通过一些简单的技巧来提高您的 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 示例，请告诉我