1

編集:コードは機能します。どうやらタイプミスに気付かなかったようです。申し訳ありません。

特定のページでオーバーライドしたい CSS ルールがいくつかあります。これは、私がそれを達成したい方法の例です。これは有効なアプローチですか？私のブラウザでは動作しないようです。

main.css:

#header {
    background-color: yellow;
    color: #003300;
    height: 65px;
    margin-top: 5px;
    padding: 10px 0 10px;
}

index.html

<head>
<link rel="stylesheet" type="text/css" href="/main.css" />

<style>
    #header {
        background-color: red;
    }
</style>
</head>
4

4 に答える 4

2

CSSにはこの継承感があります。

私は実際に、あなたがすでに持っているものの後に別のリンクCSSタグが好きです.

興味深いインタビューの質問は、なぜカスケード スタイル シートがそのように呼ばれているのかということです...なぜ、単にスタイル シートと呼ばれないのでしょうか。

これは、スタイルシートをオーバーライドできる方法によるものです。参照しているクラスを含む一番下のスタイルシートが使用されます。

スタイルを必要な場所に配置して、そこで css をオーバーライドすることもできます。

于 2012-07-05T20:13:39.417 に答える
1

それはうまくいくはずです。あなたはおそらくあなたのstyleタグにもっと多くの情報が必要です。これを試して：

<style type="text/css">
#header {
    background-color: red;
}
</style>
于 2012-07-05T20:08:09.150 に答える
1

インライン スタイリングは最善の方法ではありません。

ページ コンテンツを div でラップしてから、コンテナーとヘッダー div を 1 つとして選択してみてください。

<div class="my-page">
    <div id="header">header</div>
</div>

.my-page #header { background-color:pink; }
于 2012-07-05T20:11:21.940 に答える
0 
#header {
    background-color: yellow;
    color: #003300;
    height: 65px;
    margin-top: 5px;
    padding: 10px 0 10px;
}

これが問題であるかどうかはわかりませんが、2番目のパディングパラメータのpx後にはありません。パーサーがエラーになる可能性があります。それを試してみて、そこから知らせてください。

于 2012-07-05T20:08:35.907 に答える