CSS スタイルのカスケード順序
複数のスタイル シートが使用される場合、スタイル シートは特定のセレクターの制御を競合する必要があります。このような場合、制御を得るスタイル シート ルールが常に存在します。次のプロパティは、競合するスタイル シートの結果を決定します。
前述したように、Web ページの作成者と閲覧者の両方がスタイル シートを指定できます。 2 つのルールが矛盾する場合、Web ページ作成者のルールが、同じ重みを持つ読者の他のルールをオーバーライドします。 Web ページの作成者と閲覧者のスタイル シートは、ブラウザーに組み込まれているスタイル シートを超えています。
Web ページ作成者は、ユーザーが設定した重要なルールをオーバーライドするため、注意して使用する必要があります。たとえば、ユーザーは視覚的な制約により大きなフォントや特定の色を必要とする場合があり、そのようなユーザーは、Web ページを読むために特定のスタイル ルールが非常に重要であると宣言することがあります。 ! 重要なルールは一般ルールをオーバーライドするため、Web ページ作成者は、特別なスタイルを必要とするユーザーが Web ページを読めるように一般ルールを使用することをお勧めします。
セレクター ルール: 計算された属性は、その属性レベルに基づいて、競合するスタイル シートをオーバーライドすることもできます。上位の属性のスタイルは、常に下位の属性のスタイルをオーバーライドします。これは、指定されたセレクターの数を数える単なる統計ゲームです。
セレクター内の ID 属性の数をカウントします。
セレクター内の CLASS 属性の数を数えます。
統計セレクターの HTML タグ名の形式。
最後に、3 つの数字をスペースやカンマを入れずに正しい順序で書き込み、3 桁の数字を取得します。 (数値を 3 桁で終わる大きな数値に変換する必要があることに注意してください。) セレクターに対応する数値の最終リストにより、大きい数値のプロパティが小さい数値のプロパティをオーバーライドすることが簡単に判断できます。以下は特性別に分類されたセレクタのリストです: #id1 {xxx} /* a=1 b=0 c=0 ——>characteristics = 100 */ UL UL LI.red {xxx} /* a=0 b = 1 c=3 ——> 特性 = 013 */ LI.red {xxx} /* a=0 b=1 c=1 ——> 特性 = 011 */ LI {xxx} /* a=0 b=0 c =1 ——> 特徴 = 001 */特徴の順序は便宜上のもので、2 つのルールの重みが同じ場合は、後の方が採用されます。
複数のスタイル シートが使用される場合、スタイル シートは特定のセレクターの制御を競合する必要があります。このような場合、制御を得るスタイル シート ルールが常に存在します。次のプロパティは、競合するスタイル シートの結果を決定します。
前述したように、Web ページの作成者と閲覧者の両方がスタイル シートを指定できます。 2 つのルールが矛盾する場合、Web ページ作成者のルールが、同じ重みを持つ読者の他のルールをオーバーライドします。 Web ページの作成者と閲覧者のスタイル シートは、ブラウザーに組み込まれているスタイル シートを超えています。
Web ページ作成者は、ユーザーが設定した重要なルールをオーバーライドするため、注意して使用する必要があります。たとえば、ユーザーは視覚的な制約により大きなフォントや特定の色を必要とする場合があり、そのようなユーザーは、Web ページを読むために特定のスタイル ルールが非常に重要であると宣言することがあります。 ! 重要なルールは一般ルールをオーバーライドするため、Web ページ作成者は、特別なスタイルを必要とするユーザーが Web ページを読めるように一般ルールを使用することをお勧めします。
セレクター ルール: 計算された属性は、その属性レベルに基づいて、競合するスタイル シートをオーバーライドすることもできます。上位の属性のスタイルは、常に下位の属性のスタイルをオーバーライドします。これは、指定されたセレクターの数を数える単なる統計ゲームです。
セレクター内の ID 属性の数をカウントします。
セレクター内の CLASS 属性の数を数えます。
統計セレクターの HTML タグ名の形式。
最後に、3 つの数字をスペースやカンマを入れずに正しい順序で書き込み、3 桁の数字を取得します。 (数値を 3 桁で終わる大きな数値に変換する必要があることに注意してください。) セレクターに対応する数値の最終リストにより、大きい数値のプロパティが小さい数値のプロパティをオーバーライドすることが簡単に判断できます。以下は特性別に分類されたセレクタのリストです: #id1 {xxx} /* a=1 b=0 c=0 ——>characteristics = 100 */ UL UL LI.red {xxx} /* a=0 b = 1 c=3 ——> 特性 = 013 */ LI.red {xxx} /* a=0 b=1 c=1 ——> 特性 = 011 */ LI {xxx} /* a=0 b=0 c =1 ——> 特徴 = 001 */特徴の順序は便宜上のもので、2 つのルールの重みが同じ場合は、後の方が採用されます。