定義:カスケードは、競合のCSS宣言を解決するための機構であり、全体のプロセスは、ブラウザが自動的にルールに従って行わ、積層されています。
第二に、積層プロセス:
文の優先順位、およびその起源との重要性:1.優先順位の比較
出典:著者スタイルシート、ブラウザのデフォルトスタイルシート、ユーザースタイルシート
重要:プロパティ値のプラス!重要重要文
- ブラウザのデフォルトスタイルシートの宣言
- ユーザースタイルシートの一般的な声明
- スタイルシートの一般的なステートメントの
- 著者スタイルシート重要なお知らせ
- ユーザースタイルシート重要なお知らせ
(ローからハイへの優先順位)
2.特殊性を比較します。
各ステートメントは、特殊性を持っています
衝突が発生した場合、それは特殊な性質の高および低の特殊性を保持する除去されます
適用するルールの大きさの範囲に応じて、宣言の特殊性、
スコープ規則大きく、特異性、小さな、より高い特異性の範囲より低いです。
(低特異性に高い)インラインスタイル> IDセレクタ>セレクタクラス>要素セレクタ>ワイルドカードセレクタ
最終的に算出された色:グリーン勝利。
重量値:
!重要---->インフィニティ
インラインスタイル----> 1000年
ID ----> 100
クラス|プロパティ|擬似クラス----> 10
タグ|擬似要素----> 1
3.ソースの順序を比較:最後の文を排除他のすべてを勝つために登場。
これら三つのステップの後、唯一の文が出て勝つがあるでしょう、他のすべてが排除されています
ワイルドカード----> 0
高重量の特別な性質の値が高いです。
例:
最終結果: