覆蓋主機頁面的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{..}