CSS に関する読書メモ 1_html/css_WEB-ITnose

セレクターに関しては、クラス選択がIDセレクターに準拠していることだけは知っていますが、セレクターの優先順位についてはよくわかりません。以下は、書籍の例からの抜粋です:

属性に ! important キーワード ステートメントを設定して、属性の重みを増やします。 ! important キーワードを使用して宣言されたプロパティは、最も高い優先順位を持ちます。

タグセレクター、疑似クラス、疑似オブジェクト: 優先度ポイントは 1 です。

クラスセレクター、属性セレクター: 優先レベルポイントは 10 です。

IDセレクター: 優先レベルポイントは100です。

スタイル属性: 優先ポイントは 1000 です。

例:

p{ color:blue; }

p .myColor{color:black;}

.myColor{color: yellow;}

#myColor{color:red;}

p=1

p .myColor=1+10=11

.myColor=10

#myColor=100

style="color:green;"=1000

色のラベル付けの部分は間違いやすいです、私はいつも思っていました2 番目でした。注釈付きの色の方が優先されます。