ルール1: 他のスタイルのスタイル、高優先度より最も近い祖先の祖先
ルール2:「祖先スタイル」の優先順位よりも「ダイレクトスタイル」。
ルール3:優先度が同じ場合は、最後に見たスタイルを選択します。
ルール4 :!重要
:同時に存在する場合、最も高い優先順位、優先順位が一般的なルールに従って計算されます。
B: 重要スタイルサブクラス、スタイルから継承し、サブクラスによって継承されている場合、優先順位継承しません(色設定手段は、色の親である:!!赤の重要な、重要なサブ要素はスタイルをリセットするために使用することはできません)!
ルール5:優先順位の関係:インラインスタイル> IDセレクタ> =クラスセレクタ属性セレクタ擬似クラスセレクタ=> =擬似要素タグセレクタセレクタ>ワイルドカード*
ルール6:タグセレクタ複数の、同時に次のルールを選択します
IDセレクタセレクタを計算する数(A)
番号及び(B)は、セレクタクラスセレクタ、属性セレクタと疑似クラスセレクタを計算します
タグセレクタとセレクタ擬似要素セレクタと(C)の数を計算します
連続大きい高優先度の大きさを比較し、A、B、Cを注文し、次の比較に等しいです。
A、B、Cの最後の2つのセレクタが等しい場合は、「近接の原理」に基づいて決定されます。
例:#parant>スパンテイク効果;(ID +タグがヒットとして、次にスパン#子に次のフォントが原因で、同じ優先度青色である場合、前面カバーの裏側)
CSS 7つの様々な基礎セレクタ
-
#IDとしてIDセレクタ{}
-
.classファイルとしてクラスセレクタ{}
-
属性セレクタ、など[HREF = "segmentfault.com"] {}
-
ホバー{}のような擬似クラスセレクタ、
-
など::前擬似要素セレクタ、{}
-
そのようなスパンとしてタグセレクタ、{}
-
例えば、野生セレクタ、{*}
クラスセレクタセレクタ=プロパティの説明:
次の例:[ID =「AAA」]とを反映する端に書いた同じ重量、.aaa。
プロパティセレクタプラスP場合は、そうであってもそれEDITORIALた場合、その高重量であります:
言うのは間違っ:
あなたは、セレクタ文に値を重み付け聞いたことがあり、すなわち、IDセレクタ100の重量、10の重量、タグセレクタ1の重量、IDセレクタによって選択する複数のクラスとセレクタタイプ組成物またはタグセレクタを選択する際、所有権の値が加算され、その後、重み値の比較。この引数には問題があります。例えば、セレクタおよびIDの同じタグを指すセレクタから成るセレクタ、通常> 100 110からなるセレクタ11のクラスは、元のスタイルに適用されるべきである、しかし、後者のスタイルを適用することです。