アンカー要素が常に CSS の色を継承しないのはなぜですか?

CSS 継承の例外: アンカー要素

CSS では、アンカー要素 () は、必ずしも継承するとは限らない興味深い動作を示します。親要素の color 属性。その要素の子孫であるにもかかわらず、特定の要因により、 タグがこの継承ルールから逸脱する可能性があります。

次のコード スニペットを考えてみましょう。

<span>

このコードでは、 タグは <span> 内にネストされています。 「青」クラスの要素。 「blue」クラスは色属性を定義します。ただし、 タグはこの色を継承しません。

この動作の理由は、Web ブラウザーのデフォルトのスタイルシートにあります。 CSS ブラウザは、 要素のデフォルト スタイルを定義します。これには、継承された値をオーバーライドする色が含まれます。 タグが親から色を確実に継承するために、次のルールをスタイルシートに追加できます:

a {
  color: inherit;
}

このルールを組み込むことにより、ブラウザは、タグから色属性を継承するように指示されます。 タグの親要素。これにより、一貫したスタイルが保証され、デフォルトで継承を妨げる例外が排除されます。

以上がアンカー要素が常に CSS の色を継承しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。