css - div 背景颜色,悬停时更改

标签 css colors background hover

我正在尝试在鼠标悬停时更改 div 的背景颜色

the div {background:white;}
the div a:hover{background:grey; width:100%;
display:block; text-decoration:none;}

只有 div 内的链接获得背景色

我该怎么做才能使整个 div 获得该背景色?

谢谢

编辑:
我怎样才能使整个 div 充当链接 - 当您单击该 div 上的任意位置时,将您带到一个地址。

最佳答案

a:hover ”字面上告诉浏览器更改 <a> 的属性-tag,当鼠标悬停在它上面时。您的意思可能是“the div:hover ”,它会在选择 div 时触发。

请确保,如果您只想更改一个特定的 div,请为其指定一个 ID(“<div id='something'>”)并使用 CSS“#something:hover {...}”代替。如果你想编辑一组 div,将它们放入一个类(“<div class='else'>”)并在这种情况下使用 CSS“.else {...}”(注意类名前的句点!)

关于css - div 背景颜色,悬停时更改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/676324/

相关文章:

html - div Img 背景在我的 CSS 中不起作用

javascript - css背景在div高度重置时重复

css - CSS3 动画需要第二双眼睛

鼠标进入时的 CSS 3 翻转效果

excel - 使自定义 Excel VBA 函数更快

php - 按颜色排序

html - 需要帮助在命令按钮中显示图标图像

jquery mobile 可折叠面板选择器

go - 代理 exec.Cmd Stdout/Stderr 不丢失 TTY

ios - 在 iOS 7 中使用 applicationDidEnterBackground : 应用程序进入后台时无法更新 View