使用tr：悬停在CSS中

Question

只是在Wordpress站点&上进行一些更改，以调整style.css以影响站点内的表。

类的拉沙'，我所做的修改。它的表是：

table.lassa { 
border-width: 1px; 
border-color: #99cc00; 
border-collapse: collapse; 
} 
table.lassa th { 
border-width: 1px; 
padding: 8px; 
border-style: solid; 
border-color: #99cc00; 
background-color: #dedede; 
} 
table.lassa td { 
border-width: 1px; 
padding: 8px; 
border-style: solid; 
border-color: #99cc00; 
background-color: #ffffff; 
} 

table.lassa tr:hover { 
background-color: Green; 
} 

......，这一切工作正常 - 除了TR：悬停位

这是甚至不那么重要，但我想知道我要去哪里错了。我是一个搜索引擎优化的人，而不是出&出代码瘾君子，所以总是想知道为什么东西没有按照我的预期做！ :)

谢谢！

Answer 1

因为背景颜色在'td'而不是'tr'上，'tr'元素实际上落后于'td'元素，所以如果'td'被设置，你永远不会看到它的背景颜色，改为如下：

table.lassa tr:hover td{ 
    background-color: Green; 
}