Html 当鼠标悬停在上方时,如何使div框更改颜色?

Html 当鼠标悬停在上方时,如何使div框更改颜色?,html,css,hover,Html,Css,Hover,我试图使白色的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; } 在我的ht

我试图使白色的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>


但它根本不起作用,请帮帮我好吗

问题是
a:hover#white
,你的目标是

问题是
a:hover#white
,你的目标是

你需要返回并阅读更多关于HTML和CSS基础知识的内容

  • 你的目标是一个不存在的链接
  • 您没有为悬停状态设置背景色,因此它如何更改?您更改文本颜色,但不更改背景,并且您的问题表示您要更改文本的颜色
  • 你有一个介于90和px之间的空间,所以这会破坏你的CSS
    类似这样的内容可能正是您想要的:

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

  • 你的目标是一个不存在的链接
  • 您没有为悬停状态设置背景色,因此它如何更改?您更改文本颜色,但不更改背景,并且您的问题表示您要更改文本的颜色
  • 你有一个介于90和px之间的空间,所以这会破坏你的CSS
    类似这样的内容可能正是您想要的:

    这个问题已经得到了回答,但您似乎想在走路之前先跑,这可能是每个前端web开发人员开始学习html/css的地方-它将为您提供该语言的基本基础知识,因此非常值得阅读每个部分。即使是季节性的开发者也不得不偶尔回到它,只是为了唤起记忆。祝你好运,继续努力:)

    这个问题已经得到了回答,但你似乎想在走路之前先跑,这可能是每个前端web开发人员开始学习html/css的地方-它将为你提供该语言的基本基础知识,因此很值得阅读每个部分。即使是季节性的开发者也不得不偶尔回到它,只是为了唤起记忆。祝你好运,继续尝试:)

    请注意,传统浏览器对
    :hover
    伪选择器的支持是有限的,而不是
    标记。不过,现代浏览器应该还不错。我不知道@JonathanNewmuis。据caniuse.com称,自IE7以来,它得到了充分的支持。IE6是部分支持,但没有人应该再为IE6开发了。实际上,市场份额很小。更改颜色:将红色更改为背景色,然后yes@Tyriar
    :hover
    自IE7以来就得到了支持,但除了
    之外,其他标签上不支持,并且不支持某些doctype。但最后,它归结为一个显而易见的问题:在每个对您很重要的浏览器中测试您的解决方案。只需注意,传统浏览器对
    :hover
    伪选择器(而非
    标记)的支持是有限的。不过,现代浏览器应该还不错。我不知道@JonathanNewmuis。据caniuse.com称,自IE7以来,它得到了充分的支持。IE6是部分支持,但没有人应该再为IE6开发了。实际上,市场份额很小。更改颜色:将红色更改为背景色,然后yes@Tyriar
    :hover
    自IE7以来就得到了支持,但除了
    之外,其他标签上不支持,并且不支持某些doctype。但最终,它归结为一个显而易见的问题:在每一个对你来说很重要的浏览器中测试你的解决方案。我不像有些人那样讨厌它;对于那些知道自己在做什么并能说出自己错在哪里的人来说,这不是最糟糕的网站。然而,对于初学者来说,他们需要知道这个网站充满了错误。强制性的“不要把人送到w3schools.com”。我不像有些人那样讨厌它;对于那些知道自己在做什么并能说出自己错在哪里的人来说,这不是最糟糕的网站。然而,对于初学者来说,他们需要知道这个网站充满了错误。
    #white:hover {
      ...
    }