クロムエクステンションを使用してCSSを変更する

Question

一部のカスタムクロムエクステンションを書いて、特定のサイトを再フォーマットしています。私は物事を隠すだけで多くの運がありますが、何かに右のマージンを調整しようとすると問題に遭遇しました。以下にHTML結果を表示する：

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

を私は手動で余白の右にそれを変更した場合、私は

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

を参照してくださいクローム開発ツールのスタイル領域で：0PX。私はChromeで正確にそれを行います。それらの

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

なしに動作していないと、なぜない私は理解していない。しかし、CSSの次の行は、私の延長で私のmanifest.jsonをファイルから呼び出されたときに動作しません。私は文字通り、今日、クロムの拡張機能を使って作業を始めました。ヘルプは非常に感謝しています。個々の試みで、私は次のCSSは、クロームのdevのツールに貫通striked参照してください：あなたが順序を理解したい場合は

margin-right:0px !important; 

：

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

Answer 1

は彼らに高い優先順位を与えるためにあなたのルールに!importantを追加しますどのCSSルールが適用されているかは、selector specificityを参照してください。