使用来自扩展名的主页页面CSS规则覆盖没有大量的！important

Question

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

Answer 1

不，实际上如果有人在css规则中使用！important，那么没有其他方法可以覆盖！重要。例如，

body{background:transparent !important}

可以使用

覆盖

html body{background:blue !importamt}

Answer 2

使用父元素类定义您的类。你也可以使用！important keyword。

即

<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{..}