更改 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

您需要设置锚点的样式，而不是 div。尝试这个：

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

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