html - 悬停时如何更改表数据单元背景颜色和数据单元内的链接文本

Question

我目前有以下 css 代码:

.tableLinks a{color:#002a5c; text-decoration: underline;}
.tableLinks:hover a{color:#fff; text-decoration: underline;background-color:#8aa7ca;}
.tableLinks:visited{color:#fff; text-decoration: underline;background-color:#8aa7ca;}

html 表格结构:

<td class="tablelinks">
    <div class="yui-dt-class">
         <a href="">the link</a>
    </div>
</td>

我正在尝试使用 YUI 数据表对表数据单元格内的链接进行样式设置。

我调用了 className: 'tablelinks' 来尝试设置单元格悬停状态的样式。

我的意图是在悬停状态下更改表格数据单元格背景颜色的全宽和高度，并将链接文本更改为白色。

我尝试使用不同变体的代码，但似乎无法使其正确。任何指导都会很棒!

Answer 1

您的 CSS 选择器不匹配，区分大小写。您有 .tableLinks 大写“L”和 class="tablelinks" 小写“l”。