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

标签 javascript css less ads banner

我在我的页面上使用一些 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/

相关文章:

javascript - nodejs中的 `rc`文件是什么?

javascript - Shopify 液体 javascript 解析

javascript - 禁止 iframe 显示页面

jquery - html/css mobile设置图片大小时,宽度/高度的百分比是根据屏幕尺寸决定的吗?

css - 使元素足够宽以包含绝对定位的元素

css - 为 box-shadow : none 编写 LESS mixin

css - 在 mvc 解决方案中存储较少源文件的约定?

javascript - 确定 razor 生成 View 中 html 表的大小

html - 如何使用::after 伪元素为单个样式设置两种字体颜色?

javascript - 带鼠标悬停 javascript 的链接菜单