CSS tr:hover 和锚标签答案

【问题标题】：CSS tr:hover and anchor tagsCSS tr:hover 和锚标签
【发布时间】：2013-06-20 22:20:01
【问题描述】：

在我的样式表中，我的链接的样式如下：

a {color:#0088cc; text-decoration:none;border-bottom: 1px dotted #0088cc;}

我的表格是这样设计的：

.datagridStyle { width: 100%; }
.datagridStyle th { color: #aaaaaa; padding: 8px 4px 8px 4px; background-color: #000000; background-image: url(/Content/Images/BarBGR.gif); }
    .datagridStyle th:hover { color: #eeeeee; background-color: #333333; }
.datagridStyle td { border-bottom: 1px solid #b7b6b6; padding: 6px; }
/* THIS STYLE IS THE ONE OF INTEREST */
.datagridStyle tr:hover { padding: 2px; background-color: #0083c4; color: #ffffff; cursor: pointer; }

问题是当我将鼠标悬停在一行上时，该行变为蓝色，文本变为白色，但如果任何文本是链接，它会保持蓝色，因此不可见。当鼠标悬停在行上并将其变为蓝色时，如何将表格中的 a 标签设置为白色？

【问题讨论】：

标签： html css

【解决方案1】：

尝试添加：

.datagridStyle tr:hover a { color: #ffffff; }

这会将.datagridStyle tr:hover 中的所有链接也设置为白色。

【讨论】：

doh，我为什么没想到...我喜欢简单的答案 :) 谢谢 dken！