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

アンカー要素が継承を拒否する場合: 原因を明らかにする

アンカー要素が親要素から color 属性を継承できない場合、問題が進行中です。通常、アンカー要素は親の色をシームレスに採用する必要がありますが、場合によっては、特定の要因によってこの継承が妨げられることがあります。

提供されたコードで、この動作に気づき、解決策を模索しています。ここでの主な原因は、おそらくアンカー タグのデフォルトの CSS スタイルです。多くの場合、ブラウザには独自のアンカーのデフォルトの色設定があり、親要素の指定された色をオーバーライドできます。

この問題を修正するには、アンカー要素のフォントの色を明示的に設定してデフォルトの CSS ルールをオーバーライドできます。 「受け継ぐ」。これにより、ブラウザはアンカー タグに親の色を使用するようになります。

解決策:

次の CSS ルールをスタイルシートに追加します:

a {
  color: inherit;
}

このコードは特にアンカー タグをターゲットにし、ブラウザに親から色を継承するように指示します。 element.

改訂コード:

<style>
  .blue {
    color: #6E99E1;
    font-size: 9px;
  }

  a {
    color: inherit;
  }
</style>

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

この変更により、アンカー タグは親要素から目的の色を継承し、アンカー タグ全体で一貫した外観が確保されるようになります。ウェブページ。

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