cssスタイルの詳細と上書き順序

文書ディレクトリ

1. 上書き順序

2. スタイルカテゴリ

2.1. ブラウザのデフォルト

2.2. インラインスタイル

2.3. 内部スタイルシート

2.4. 外部スタイルシート

3. セレクタ

3.1. 基本セレクタ

3.1.1. エレメントセレクタ

3.1.2. 属性セレクタ

3.1.2.1. 属性を含む要素を選択します.

3.1.2.2. 特定属性値に基づいて選択

3.1.2.3. クラスとid属性

3.1.3. クラスセレクタ(.class)

3.1.4. idセレクタ(#id)

3.2. セレクタパケット

3.3. 子孫セレクタ

3.3.1. 派生セレクタ

3.3.1.1. クラス派生セレクタ(.class h 1)

3.3.1.2. id派生セレクタ(#id h 1)

3.4. サブエレメントセレクタ

3.5. 隣接兄弟セレクタ

3.6. 擬似クラスセレクタ

3.6.1. アンカーダミー

3.6.2. :first-child偽類

3.6.3. :langダミー

3.7. 擬似要素

3.7.1. :before擬似要素

3.7.2. :after

3.7.3. :first-letter

3.7.4. :first-line

参考:W 3 School-CSSセレクタcssスタイルのロード順序および上書き順序
1.上書き順
ウェイト値に基づいて、ブラウザのデフォルト値をロードします.
ただし、外部スタイルシートでidセレクタとクラスセレクタで要素の色が定義されている場合など、どうすればいいかを考慮する必要があります.または、1つの要素の複数のclassに異なる要素色が設定されています.どのように表示しますか?これも上書き順序を指定する必要があります.
下は重み値:クラスセレクタ(.class)<クラス派生セレクタ(.class h 1)したがって、完全な積層優先度は、ブラウザのデフォルト<外部スタイルシート(cssファイル)<外部スタイルシートクラスセレクタ<外部スタイルシートクラス派生セレクタ<外部スタイルシートIDセレクタ<外部スタイルシートID派生セレクタ<内部スタイルシート(