ホバーしても div の色が変化せず、その中のリンクだけが変化するのはなぜですか?

ホバー時に Div の背景色を変更する

Q: マウスをホバーしたときに div の背景色を変更しようとしています。以下に提供されているCSSコードを使用してみましたが、div内のリンクのみ色が変わります。ホバー時に div 全体の色を変更するにはどうすればよいですか?

CSS コード:

the div {background: white;}
the div a:hover {background: grey; width: 100%; display: block; text-decoration: none;}

A: CSS コード内の「a:hover」は、特に タグをターゲットにしています。ホバーするとリンクのみの色が変わります。 div 全体の背景色を変更するには、代わりに「div:hover」を使用する必要があります。修正されたコードは次のとおりです:

the div {background: white;}
the div:hover {background: grey;}

さらに、div 全体をリンクとして機能させたい場合は、目的のリンク アドレスを含む タグを追加できます:

<a href="link_address">
  <div style="background: white;">
    ...
  </div>
</a>

特定の div のみを変更したい場合は、HTML でそれに ID またはクラスを指定し、その識別子を使用してターゲットに設定できることに注意してください。 CSS。

以上がホバーしても div の色が変化せず、その中のリンクだけが変化するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。