如何覆盖外部CSS？

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。