CSS: 重みとカスケード ルールによって優先度が決まります_html/css_WEB-ITnose

出典: http://www.ido321.com/1063.html

まず、CSS の優先度に関する例を示します: http://www.ido321.com/76。基本的な優先順位

重要 > 属性 > 疑似クラスオブジェクト > ワイルドカード > 継承

2. CSS の重みルール

「ページヘビー」「構築におけるモジュール設計」では、CSS スタイルの重みに影響を与える 2 つの重要な要素があると述べました。

A: スタイルの順序とスタイルの定義の順序は、数量によって異なります

一般的に、同じ CSS ファイル内に同じ名前のスタイルが 2 つある場合、後で定義された方が優先されます。最初に定義したものを上書きします。セレクタタイプの優先順位については(1)を参照してください。

では、CSS の重みはどのように計算されるのでしょうか? Le セレクターの重みの重み: 0.0.0.0、計算規則に従ってビットごとに数値を埋め、対応する位置が等しい場合、次のビットを比較します。

スタイル: セレクターには複数の ID があり、#header{color:red} のように 2 桁目にいくつかの 1 が追加されます (A=C=D=0,B=1)。 0.1.0.0) 3. クラス、疑似クラスと属性の数は 3 桁目の値です:

.a.b[type="text"]:hover{}、クラスが 2 つ、属性が 1 つ、セレクターに疑似クラスが 1 つあるので、 3 桁目は 4、A=B=D=0、C=4、(つまり 0.0.4.0)

4. 疑似要素とラベル要素の数は、 4 番目の桁

ており、値は 2、A=B=C=0、D=2 (つまり 0.0.0.2)

5。カードと継承CSSプロパティは、重量

3に影響を与えません。上記の例は、次の例をご覧ください;} //0.1.0.0 説明: ID は 1 つだけ

次の記事: HTML 5 History API の「過去と現在」