在某个元素下重置和覆盖CSS

在某个元素下重置和覆盖CSS,css,firefox-addon,css-selectors,css-reset,css-specificity,Css,Firefox Addon,Css Selectors,Css Reset,Css Specificity,我有一个可以使用Firefox插件注入任何页面的元素 当然,它和它的祖先会受到该页面上定义的CSS规则的影响 到目前为止,我只需对每个属性进行明确说明,但即使如此,我的声明也可能被页面上更具体的较早声明覆盖 而不会把不必要的特定选择器和hanus对的使用弄得一团糟!重要信息,如何重置给定元素(div#my_root_container_element)下所有元素的属性,并确保此父元素下的声明适用 使用iFrame是一种选择,但如果可能的话,我宁愿避免使用它——还有其他方法吗?给定应用程序,解决方

我有一个可以使用Firefox插件注入任何页面的元素

当然,它和它的祖先会受到该页面上定义的CSS规则的影响

到目前为止,我只需对每个属性进行明确说明,但即使如此,我的声明也可能被页面上更具体的较早声明覆盖

而不会把不必要的特定选择器和hanus对
的使用弄得一团糟!重要信息
,如何重置给定元素(
div#my_root_container_element
)下所有元素的属性,并确保此父元素下的声明适用

使用iFrame是一种选择,但如果可能的话,我宁愿避免使用它——还有其他方法吗?给定应用程序,解决方案只需要在Firefox中工作


谢谢。

显然,这似乎旨在覆盖CSS的核心“特殊性”,但这是我记得有人尝试过的最接近的一次。当时,YUI项目的相关人员似乎对此颇有名气:

使用SASS,将所有内容嵌套在一个具有ID的div下以获得足够的特异性,这是我选择的解决方案


也就是说,任何
!重要信息
页面CSS中的声明将否决我的样式。

谢谢,但是大多数重置(包括这一次)的想法是轻量级的,而不是完整的,只覆盖浏览器之间经常不同的属性。请在
中明确指定所有相关CSS属性!重要信息
是唯一的方法。如果你的CSS选择器使用一个ID,那么它的特殊性就足够高,没有网站规则会覆盖它。