css 在悬停时更改属性

标签 css hover

当元素(在 内)悬停时,有没有办法更改框的 css 属性?

例如,如果我有:

<table>
<tr><td><a>.....</td></tr>
</table>

当鼠标悬停在链接 a 上时,我想更改容器 td 的属性。可能吗?

对不起,我没解释好。 我有一张,不是一张 table ……这只是一个例子…… 我有

<ul>
<li><a>.....

在我的CSS中我有:

#navigation li a {
text-decoration: none;
color: #333;
text-transform: none;
}
#navigation li:hover {
color: white;
background-color: #333;
}
#navigation li a:hover {
color: white;
background-color: #333;
}

但它不起作用,因为如果我继续链接就没问题,但如果我在 li 中使用鼠标但离开链接,文本的颜色不会改变...

最佳答案

代替

#navigation li a:hover {

尝试

#navigation li:hover a {

关于css 在悬停时更改属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13363090/

相关文章:

javascript - 为什么幻灯片会跳过最后一张幻灯片?

html - 如何将鼠标悬停在使用渐变的图像上

html - 一个 flex/网格元素设置 sibling 的大小限制

css - 将 css 类应用于多个元素。它适用于所有人。我该如何指定?

CSS 水平悬停导航在 IE 7 中消失

html - 使用 CSS 在菜单悬停时显示子子菜单

jquery - Facebook 如何切换其通知中心图标以在单击时显示带有通知的相应 DIV?

html - CSS 悬停在框上会使文本抖动

jquery - 收到错误消息 "Uncaught TypeError: Object .gearImg has no method ' css' "

html - 如何在 JQuery 中比较两个元素文本?