css - 使用扩展程序中的规则覆盖主机页面 CSS 规则，而无需大量 !important

Question

我有一个扩展，它向页面添加了一些元素。我希望这些元素在每个站点上看起来都完全相同。考虑到有一些，呃，开发人员用“！important”编写他们的CSS规则，有没有办法覆盖这些规则而不在扩展的CSS中添加“！important”？也许有一些 CSS3 或 Chrome/Webkit 的专有方法可以做到这一点？

Answer 1

No, actually if someone use !important in the css rules there is no other way to overwrite without putting !important. For example,

body{background:transparent !important}

can be overwritten by using

html body{background:blue !importamt}

Answer 2

使用父元素类定义您的类。您也可以使用 !important 关键字。

IE

<div class='my_parent'>
  <div class='class-1'>...</div>
  <div class='class-2'>...</div>
</div>

在您的 .css 文件中

div.my_parent class-1{..}
div.my_parent class-2{..}