1

次の css: 960_24_col テキスト レストを使用して、新しい Web サイトを構築し、960 グリッド システムを使用します。

独自の style.css も使用しています。

したがって、次の css をヘッダー 2 (h2) に適用しようとしています。

h2 {
font-size: 26px;
text-transform: lowercase;
border-bottom: 1px solid yellow;
padding-bottom: 30px;
margin-bottom: 15px;
}

しかし、当てはまらないようです。Chrome で要素を調べると、style.css で h2 要素の一部が取り消し線で囲まれています (線で囲まれています)。上記のコードをコピーして text.css と言うと、..その他の h1、h2、h3 など)

あなたの CSS ウィザードの中に何かアイデアがありますか?

4

2 に答える 2

2

CSS ファイルは順番に読み込まれます。したがって、スタイルを on に設定する 1 つのファイルが読み込まれ、同じくスタイルを onh1に設定する別のファイルが読み込まれるとh1、2 番目のファイルが最初のファイルを無効にします。

これを修正する厄介な方法!importantは、スタイルの最後に追加することです。

h2 {
    font-size: 26px;
    text-transform: lowercase;
    border-bottom: 1px solid yellow !important;
    padding-bottom: 30px;
    margin-bottom: 15px;
}
于 2012-11-13T12:06:31.300 に答える
-1

style.cssで h2 に対して定義された他のスタイルも必要です。クロム インスペクターの取り消し線は、このスタイルが上書きされたことを意味しますh2。style.css

または、意図的な変更のために両方のスタイル定義を保持したい場合は!important、上書きしたくないそれぞれのプロパティの後に使用して、他のスタイルではなくこのスタイルを最優先するようブラウザに依頼してください

h2 {
font-size: 26px !important; /*same with every other property you want to give top priority*/
text-transform: lowercase;
border-bottom: 1px solid yellow;
padding-bottom: 30px;
margin-bottom: 15px;
}
于 2012-11-13T12:13:23.463 に答える