css - divタグのhrefにCSSを実装しようとしています

Question

私はこのコードを持っています：

<div id="NAHC-topText">
<h2><a href="index.html">Link To Somewhere</a></h2>
</div>

CSSでアンダースコアを削除し、ユーザーがリンクをロールオーバーしたときにホバーの色を変更したいと思います。リンクは単純なhtmlをロードします。これをdivタグに正常に実装できないようです。

手がかりはありますか？

ありがとう

Answer 1

Sirkoの回答に加えて、影響を与えたい場合のみ

<a>

あなたの中で

<div id="NAHC-topText"> <h2>

他のアンカーとヘッダーを除外するために、スタイルシートは次のようになります。

#NAHC-topText h2 a {text-decoration:none;}
#NAHC-topText h2 a:hover {color:red;}

しかしもちろん、Sirko の回答に問題はありません。特定のドキュメント内のすべてのアンカーに影響するだけです。

また、ホバー時にのみ下線を表示する場合は、単に定義します

a {text-decoration:none;}
a:hover {text-decoration:underline;color:red;}

あなたの選択した特定のセレクターで

あなたの質問をもう一度赤くしたので、これは反対の状況に適用され、最初に下線を引き、下線なしでホバーすると、状況ごとに条件を交換するだけです。

Answer 2

したがって、CSS で適切な値を設定するだけです。

a {
  text-decoration: none;
}

a:hover {
  color: red;
}

#NAHC-topText a実際の必要性に応じて、セレクターをだけではなく に変更したい場合がありますa。

Answer 3

<style>
  #NAHC-topText a{text-decoration:none;}
  #NAHC-topText a:hover{color:red;}
</style>

Answer 4

#NAHC-topText a:hover{
   color: red;
   text-decoration:none;
}