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

【问题标题】：How can I chage the color of the link in Html.Action link, when the mouse is over the div?当鼠标悬停在 div 上时，如何更改 Html.Action 链接中链接的颜色？
【发布时间】：2012-08-10 05:33:49
【问题描述】：

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

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

【问题讨论】：

使用 Jquery。当鼠标悬停在 div 上时，获取 div 中的所有链接并更改它们的颜色。

标签： css asp.net-mvc-3 actionlink

【解决方案1】：

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

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

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

【讨论】：

我将不再支持 IE whencaniusehover
@r3bel，是的，使用脚本是整体上最好的解决方案。
@AndreyLimaRamos，太好了。 Accept 答案然后;)

【解决方案2】：

使用以下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）

here a jsfiddle example

【讨论】：

可能值得注意的是，这适用于比表格更低级别的元素。所以你只能突出显示行上的锚点。也许：#yourTableId tr:hover a