html - 无法使 CSS 悬停在表中的 TR 上工作

Question

当我将鼠标悬停在表格行上时，我试图使表格行突出显示

.Table .Popup tr:hover {
    background-color:red;
}

似乎可以在 TD 标签上找到，但我似乎无法让它在 TR 标签上工作:

fiddle :

http://jsfiddle.net/kUTDB/2/

知道我做错了什么吗？

Answer 1

正确的 CSS 应该是这样的:

.Popup tr:hover td {
    background-color:red;
}

.Popup .PopupRow:hover td {
    background-color:red;
}

您不能(可靠地)设置 <tr> 的样式，因此您需要将样式应用于子项 <td> s 悬停(因此 tr:hover td 。

另外，.Table class 没有引用您的 fiddle 中的任何元素，这也可能会导致问题。