使用Chrome擴展插入CSS更改

Question

我正在編寫一些自定義Chrome擴展來重新格式化某些站點。我在隱藏事物方面有很多運氣，但是我遇到了一個問題，試圖調整某個事物的右邊距。查看HTML結果如下：

<div id="bodyContent2" class="en"> 

在的鍍鉻開發工具我看到

#bodyContent2.en { 
    margin-right: 330px; 
    min-height: 920px; 
    width: auto; 
} 

如果我手動更改保證金右樣式面積：0像素;與Chrome它確實是我想要的。然而，在我的分機從我的manifest.json文件調用時CSS的以下行不起作用：

#bodyContent2 {margin-right:0px;} 
[id='bodyContent2']{margin-right:0px;} 
#bodyContent2 .en {margin-right:0px;} 
.en {margin-right:0px;} 

他們沒有工作，我不明白爲什麼不能。我從字面上剛開始使用Chrome擴展工作。非常感謝幫助。在個人試圖我看到了下面的CSS在Chrome瀏覽器開發工具，刪除線通過：

#bodyContent2 { 
    <strike>margin-right: 0px;</strike> 
} 
.en { 
    <strike>margin-right: 0px;</strike> 
} 

Answer 1

添加!important你的規則給他們更高的優先級：

margin-right:0px !important; 

如果你想了解的順序哪些CSS規則應用讀取約selector specificity。