css - 当鼠标悬停在 div 上时，如何更改 Html.Action 链接中链接的颜色？

Question

我正在使用 MVC3。我有一张桌子和一个 Html.ActionLink 里面。我已经将文本装饰设置为无，但链接仍然是蓝色的。我更改了表格：悬停背景颜色和（文本的）颜色，当我将鼠标放在行上时，不是链接的文本变为白色，但链接仍为蓝色。如果我更改 a:hover，当我将鼠标放在链接上时，链接会变成白色，而不仅仅是在行上。

有没有办法用css做到这一点？

Answer 1

使用以下 CSS：

#yourTableId:hover a {
    color: #FFF;
}

您也可以#yourTableId用 table 和/或.yourTablesClass根据 css 的使用位置替换；）

这也适用于子元素，例如：

#yourTableId div:hover a

#yourTableId tr:hover a

所以一般来说，我们可以说你可以使用以下内容：

#yourTableId *:hover a

其中 * 是标记名、类名或 id（不要忘记类和 id 前缀 -> .classname 和 #idname）

这是一个jsfiddle示例

Answer 2

通常，当您将鼠标悬停在行上时覆盖所有锚点。

#tableid tr:hover a {
    /* Your Styles */
}

但这不适用于所有 IE 浏览器，因此，请使用 JS 捕获事件并将样式应用于其中的锚点。