当我将鼠标悬停在 div 上时如何更改标签的颜色答案

【问题标题】：How to change color of a tag when i hover over a div当我将鼠标悬停在 div 上时如何更改标签的颜色
【发布时间】：2023-01-21 21:36:18
【问题描述】：

所以，我有一个这样的 HTML 结构

里面有一个带有标签的 div。我希望当我将鼠标悬停在 div 上时，div 的背景颜色发生变化并且其标签的颜色变为黑色。

是否可以在 css 中完成，还是必须使用 js？

<div class="example"><a href="#">TEXT</a></div>

对我来说什么都没有真正解决...

我尝试了这些奇怪的方法，a:hover + .div，但它没有用，所以 idk

【问题讨论】：

标签： html css web

【解决方案1】：

尝试使用“a:hover .example”而不是“a:hover + .div”。加点只是为了引用一个类名，如果你只是想定位一个标签，你不需要它:)

【讨论】：

【解决方案2】：

.example:hover > a {
color: white;
background: red;
}

&lt;div class="example"&gt;&lt;a href="#"&gt;TEXT&lt;/a&gt;&lt;/div&gt;

【讨论】：