使用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。