1

以下にコードを入力すると、application.css ファイルでエラーが発生します。h1.title コードは実行されますが、h1 コードは実行されません。私のアプリケーションでは、h1.title が h1 の上にあることに言及する価値があるかもしれません。ただし、 h1.title コードの直後に h1 コードを挿入すると、動作させることができます (h1 スニペットで繰り返します)。コードをDRYに保ちたいので、これはしたくありません。これは些細なことのように思えますが、私はかなり苦労しましたが、進歩はありませんでした。

h1 {
color: maroon;
font-size: 150%;
font-style: italic;
display: block;
width: 100%;
border-bottom: 1px solid DarkSlateGrey;
}
h1.title {
margin: 0 0 1em;
padding: 10px;
width: 98.5%;
background-color: orange;
color: white;
border-bottom: 4px solid gold;
font-size: 2em;
font-style: normal;
}
4

1 に答える 1

1

コードを application.css に直接追加すると、コンパイルされたファイルの先頭に表示されます (css ファイルが 1 つにコンパイルされていると仮定します)。私の推測では、あなたの application.css に含まれる他の css ファイルが h1 css 属性を上書きします。

ブラウザで検査オプションを使用し (IE、Firefox、Chrome などには最近組み込まれています)、h1 が属性値を取得する場所を確認します。

于 2012-05-24T23:12:19.517 に答える