覆盖主机页面的CSS规则与扩展中没有吨！重要

Question

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

Answer 1

不，实际上如果有人使用！重要的css规则，没有其他方法可以覆盖而不必重要。例如，

body{background:transparent !important}

可以通过使用

html body{background:blue !importamt}

Answer 2

定义与父元素类类覆盖。你也可以使用！重要的关键字。

即

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