Question

我有一个外部css文件，它将35px填充应用于我的内容div。我的所有html页面都加载在div中，但对于其中一个我想使用0 padding-right。

我尝试了内联css，直接在该页面的主体上应用它，并使用！important但没有任何效果。

我做错了什么？

的index.html：

<div id="content"><?php include "page.html"?></div>

的main.css：

#content{
    margin-top: 303px;
    padding: 35px;
    z-index:1;
}

page.html中：

<body style="padding:0px;">

Answer 1

要覆盖css设置，您必须使用关键字important。

<body style="padding:0px ! important;">

Answer 2

CSS自上而下读取，因此应覆盖代码中较低的内容，请参阅：http://jsfiddle.net/PFx9h/

如果某些事情没有生效，那是因为还有一些其他代码会覆盖它。使用元素检查器（如Webkit Dev Tools或Firebug）查看正在应用的样式以及如何应用。

编辑：

由于您发布了代码，body样式将不适用于div。

Answer 3

Fluidbyte是对的，我试图在错误的元素上应用0填充是愚蠢的。添加

<style>
#content{
    padding-right:0px;  
}
</style>

page.html上的

工作正常，覆盖外部CSS。

Answer 4

在内联div（不推荐）上应用style="padding:0px;"，或在加载外部样式表后加载样式。将style="padding:0px;"应用于正文仅会影响正文，而不会应用于正文中的每个元素。