0

我试图让一个白色的 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>

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

4

3 回答 3

3

您需要返回阅读更多有关 HTML 和 CSS 基础知识的内容。

  1. 您正在定位一个不存在的链接。
  2. 您没有为悬停状态设置背景颜色，那么它怎么能改变呢？您更改了 TEXT 颜色，但没有更改背景，并且您的问题说您要更改
  3. 您在 90 和 px 之间有一个空格，这会破坏您的 CSS。

像这样的东西可能是你想要的：链接

于 2013-02-22T02:45:50.317 回答
1

问题是a:hover #white，您的目标是一个<a>标签，该标签与一个具有id="white".

你想用这个：

#white:hover {
  ...
}

您还处于您正在使用的悬停事件中color，而不是background-color.

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

于 2013-02-22T02:41:18.890 回答
0

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

于 2013-02-22T02:57:18.777 回答