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

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

Linda Hamilton
リリース: 2024-11-30 14:50:11
オリジナル
895 人が閲覧しました

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

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

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

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

<span>
ログイン後にコピー

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

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

a {
  color: inherit;
}
ログイン後にコピー

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

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート