忽略一个元素中的文档样式规则

Question

我编写了一个将sticky notes添加到网站的greasemonkey脚本。因为在某些网站中有时会使用非常奇怪的样式规则，粘滞便笺有时会混乱（或者至少看起来不像我希望它们看起来）。

有没有办法说“在这个元素下不适用任何通用的样式”？因此，不应用与标记名称关联的规则，但仍然存在与某些类和ID相关联的规则。或者有没有人更好地了解如何确保只将我的样式应用于便签？

Answer 1

AFAIK，这是不可能的。

相反，您必须确保手动定义所需的每种样式。不要依赖默认值。如果按照我的选择选择元素，它们将获得高优先级。

Answer 2

您是否尝试过“！important”关键字？

它会覆盖CSS继承层次结构。

Answer 3

这对我来说听起来只是一个css特异性问题，不是吗？看起来你应该让你的css规则更具体，更有弹性（不要在现有规则上进行转发，期望更改默认值并编写你需要的规则）。

以下是一些关于css特异性的链接：

• http://reference.sitepoint.com/css/specificity

• http://css-tricks.com/specifics-on-css-specificity/

Answer 4

这确实是一个特殊问题。我想你在单个div#stickyContainer元素中有粘滞便笺，在这种情况下，你应该通过属于该元素的事实将覆盖CSS属性应用于元素，并确保重置所有内容

也就是说，在div#stickContainer div.sticky { ... }内，确保将每个 CSS属性设置为您希望的属性，即使您只是将它们设置为典型的浏览器默认值，并在每个指令后面加上!important关键字。

Answer 5

将您想要的代码从页面的CSS规则中删除到单独的文档中，然后使用<iframe src='[location]' />。这就是我们在博客文章中为HTML示例所做的工作。