CSSプロパティの継承：特異性エニグマ

Web要素にCSSルールを適用する場合、特異性の概念は、どのルールに優先されるかを決定する上で重要な役割を果たします。ただし、このコンテキストで継承された特性の処理は、しばしば疑問を提起します。継承されたプロパティの特異性が、直接ターゲットのルールの特性とどのように比較されるのか疑問に思うのは合理的です。代わりに、要素をターゲットにしたCSS宣言の特異性は、継承されたプロパティに直接置き換えます。

。all_red_text {color：red; }

この場合、.all_red_text div内のH2要素は、黒であるというデフォルトのブラウザの動作を継承します。色：赤; .all_red_textのプロパティは、この継承されたスタイルを上書きし、テキストは赤く表示されます。 } .all_red_text {color：red; } この改訂された例では、色：black; H2要素のルールは、継承されたプロパティよりも優先され、すべてのH2テキストが黒になります。直接ターゲットのルールの特異性は、継承されたプロパティが親要素またはユーザーエージェントから来るかどうかにかかわらず、常により高い優先度が与えられます。この動作を理解することは、CSSの継承スタイルを使用するときに予期しない結果を回避するために不可欠です。