ホームページ >ウェブフロントエンド >CSSチュートリアル >アンカー タグが親から色を継承しないことがあるのはなぜですか?

アンカー タグが親から色を継承しないことがあるのはなぜですか?

Linda Hamilton
Linda Hamiltonオリジナル
2024-11-30 14:50:11847ブラウズ

Why Do Anchor Tags Sometimes Not Inherit Color From Their Parents?

リンクで色の継承が失われた場合

HTML ドキュメントでは、通常、アンカー () 要素は親要素の color 属性を継承します。 。ただし、この継承が中断される場合があります。

そのような状況の 1 つは、 タグに独自の明示的なカラー属性が定義されている場合に発生します。これが発生すると、次のコードに示すように、 タグの色が継承された色をオーバーライドします。

<span>

.blue クラスは、span 要素に青色を設定しますが、タグには独自の色属性が赤に設定されており、継承された青の色がオーバーライドされます。

必要な継承を復元するには、タグから明示的な色属性を削除してください。 タグ。さらに、すべての タグに親要素の色を継承させたい場合は、次の CSS ルールを含めることができます:

a {
  color: inherit;
}

このルールにより、すべての タグが親要素の色を継承するようになります。明示的にオーバーライドされない限り、その親要素。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。