html - 在悬停 div 时更改链接的颜色

Question

我正在尝试更改悬停在 <div> 上的链接的颜色.这可能只使用 CSS 吗？如果没有，我将如何实现这一目标？

div {
  border: 1px solid black;
  padding: 15px;
}
div:hover {
  color: red;
}

<div>
  <a href='www.google.com'> www.google.com </a>
</div>

Answer 1

您需要为 anchor 而不是 div 设置样式。试试这个:

div {
  border: 1px solid black;
  padding: 15px;
}
div:hover a {
  color: red;
}

<div>
  <a href='www.google.com'> www.google.com </a>
</div>