私のアンカー タグが親の色を継承しないのはなぜですか?

アンカータグの親色属性の非継承

背景:
通常の状況では、アンカー () 要素親要素の color 属性を継承します。ただし、特定の状況では、この継承が中断される可能性があります。

問題:
提供されたコード スニペット内:

<span class="blue">::<a href="/equipment_new.php">CLICK HERE</a>:: to view our New Equipment inventory. <br /><br /></span>

タグは親 から色 (#6E99E1) を継承できません。 class "blue."

原因:
タグにはデフォルトで「color: blue;」という CSS プロパティがあります。親要素から継承された色をオーバーライドします。これにより、アンカー タグは親の色に関係なく常に青色になります。

解決策:
を許可するには、親の色、デフォルトの「color: blue;」を継承するタグ。プロパティを明示的にオーバーライドする必要があります。これを行う 1 つの方法は、次の CSS ルールを追加することです。

a {
  color: inherit;
}

このルールは、すべての の親要素から color 属性を継承するようにブラウザに指示します。タグ。

補足:
必要に応じて、「color:継承;」を変更できます。代わりに特定の色を指定するルール:

a {
  color: #6E99E1;
}

これにより、すべての が確実に表示されます。親要素の色が異なる場合でも、タグは親要素から色 #6E99E1 を継承します。

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