如何更改表DATACELL背景颜色徘徊时和DATACELL内的链接文字

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”。