当鼠标悬停在一起时，如何让div框改变颜色？

Question

我正试图让一个白色的div盒在悬停时变成红色，到目前为止我在我的css中有这个：

#white{
width: 90px;
height: 90 px;
background-color:white;
position: absolute;
top: 10px;
left:10px;
}


a:hover #white{
color:red;
width: 90px;
height: 90 px;
position: absolute;
top: 10px;
left:10px;
}

这是我的html：

<div id="white">
</div>

但它根本不起作用，请帮忙吗？

Answer 1

您需要回过头来阅读有关HTML和CSS基础知识的更多信息。

1. 您的目标是不存在的链接。
2. 您没有为悬停状态设置背景颜色，那么它怎么会改变？您更改了TEXT颜色，但不更改背景，您的问题是要更改
的颜色
3. 你有一个介于90和px之间的空格，这样就会破坏你的CSS。

这样的事情可能就是你想要的：Link

Answer 2

问题是a:hover #white，您的目标是<a>标记正在被id="white"的孩子徘徊。

你想用这个：

#white:hover {
  ...
}

您还在使用color而不是background-color的悬停事件。

http://jsfiddle.net/xuj44/1/

Answer 3

这个问题已经得到解答，但似乎你试图在你走路之前跑步，http://w3schools.com/可能是每个前端网络开发人员开始学习html / css的地方 - 它会给你基本的基础知识语言因此非常值得阅读每个部分。即使是季节，开发人员也不得不偶尔回到它，只是为了慢慢记忆。祝你好运，并继续努力：）