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

Question

我正在使用MVC3。 我有一个表和一个Html.ActionLink。 我已将文本修饰设置为none，但链接仍为蓝色。我改变了表：悬停背景颜色和颜色（文本），当我将鼠标放在行上时，非链接的文本变为白色，但链接仍为蓝色。如果我改变a：hover，当我把鼠标放在它上面时，链接就会变白，而不仅仅是在行上。

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

Answer 1

使用以下css：

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

您也可以使用表格和/或#yourTableId替换.yourTablesClass，具体取决于css的使用位置;）

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

#yourTableId div:hover a

#yourTableId tr:hover a

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

#yourTableId *:hover a

其中*是标记名，类名或id（不要忘记类和id前缀 - ＆gt; .classname和#idname）

here a jsfiddle example

Answer 2

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

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

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