css - 外部CSSをオーバーライドする方法は？

Question

コンテンツdivに35pxのパディングを適用する外部cssファイルがあります。私のすべてのhtmlページはそのdiv内にロードされますが、そのうちの1つには0padding-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;">

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;"と、ボディにのみ影響し、ボディ内のすべての要素に適用されるわけではありません。

4 に答える 4