0

だから、これは私が理解できないような奇妙なバグです。

アプリでマイヤーズ リセットを使用しています。しかし、メインの css ファイルを編集して h1 フォント サイズを変更しても、変更されません。しかし、ボディタグに入れると機能します。誰か私にこれを説明してもらえますか?

例

base.css.scss

h1 {
 font-size: 2em;    //--This doesnt work
}

body {
     width: 100%;
     height: 100%;

    h1 {
     font-size: 2em;  //-- This works
    }
}
4

5 に答える 5

2

base.css.scss ファイルの前に、必ずリセット ファイルを含めてください。h1 ルールを上書きしているようです。

于 2014-04-10T14:59:51.687 に答える
1

この問題には 3 つの原因が考えられます。まず、ブラウザで SASS を使用しようとしていないことを確認してください。そこで使用する前に、プレーン CSS に完全に変換する必要があります。次に、使用しているセレクターの特異性が高いことを確認してください。つまり、セレクターが、プロパティを設定する別のセレクターよりも具体的であることを確認してください。body h1だけよりも高い特異性を持っていh1ます。ただし、Meyer のリセットでは、それは問題にならないはずです。3つ目は順番です。2 つのセレクターの詳細度が同じ場合は、後のセレクターが優先されます。ページ上の他の CSS よりも前にリセットするようにしてください。

于 2014-04-10T15:00:38.537 に答える
0

再定義したため、H1 の 2 番目の代入は機能しませんが、使用できます! 重要だけどやめたほうがいい

于 2014-04-10T14:58:41.913 に答える
0

あなたが抱えている問題は2つあります。カスケードの問題だけでなく、特異性の問題もあります。and を使用せずにスタイルを宣言する前に、スタイルをオーバーライドすることはできません!important。したがって、オーバーライドはリセット後に行う必要があります。

また、オーバーライドしようとしているセレクターを一致させる必要があります。したがって、リセットがセレクターbodyとh1セレクターを使用して要素をターゲットにしている場合は、同じことを行ってスタイルをオーバーライドします。

body h1 { font-size: 2em; }
于 2014-04-10T15:01:05.500 に答える
0

2 番目のものは最初のものより特異性が高いため: この場合body h1、h1

于 2014-04-10T14:59:50.903 に答える