css - 如何覆盖外部css？

Question

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

我尝试了内联 css，将其直接应用到该页面的正文上，并且还使用了 !important 但没有任何效果。

我做错了什么？

索引.html：

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

主.css：

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

page.html：

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

score 22 · Accepted Answer

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

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

score 8 · Accepted Answer

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

如果某些东西没有生效，那是因为有一些其他代码覆盖了它。使用诸如 Webkit Dev Tools 或 Firebug 之类的元素检查器来查看正在应用哪些样式以及如何应用。

编辑：

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

score 2 · Accepted Answer

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

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

在 page.html 上运行良好，覆盖了外部 css。

score 0 · Accepted Answer

在内容 div 上应用style="padding:0px;"内联（不推荐），或者在加载外部样式表后加载您的样式。应用于style="padding:0px;"body 只会影响 body，而不是应用于其中的每个元素。

4 回答 4