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

时间:2011-09-21 02:50:34

标签: css firefox-addon css-selectors css-reset css-specificity

我的元素可以使用Firefox Addon注入任何页面。

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

我可以通过简单地明确每个属性来达到目前为止,但即便如此,我的声明可能会被页面上较早的声明覆盖,具有更高的特异性。

如果没有对!important的不必要的特定选择器和hanus使用造成大量混乱,我怎样才能重置给定元素(div#my_root_container_element)下的所有元素属性并确保我的声明在此下父元素适用。

使用iFrame是一种选择,但如果可能的话我宁愿避免使用它 - 还有其他方法吗?鉴于该应用程序,解决方案只需在Firefox中运行。

感谢。

2 个答案:

答案 0 :(得分:0)

显然,这似乎是为了覆盖一般来说CSS的核心“特异性”,但这是我记得曾经有人尝试过它的最接近的。当时来自YUI项目的人员似乎有点声誉:

http://developer.yahoo.com/yui/reset/#code

答案 1 :(得分:0)

使用SASS,它不是不可接受地嵌套带有ID的div下的所有内容以获得足够的特异性,这是我选择的解决方案。

也就是说,页面CSS中的任何!important声明都会否决我的样式。