css – tr：hover not working

我试图突出显示(更改背景颜色)的整个行，当鼠标悬停在表行上。我通过网络搜索，它应该是工作，但它不。我在Chrome上显示它。

<table class="list1">
<tr>
   <td>1</td><td>a</td>
</tr>
<tr>
   <td>2</td><td>b</td>
</tr>
<tr>
   <td>3</td><td>c</td>
</tr>
</table>

我的css：

.list1 tr:hover{
background-color:#fefefe;
}

正确的CSS应该是：

.list1 tr:hover td{
background-color:#fefefe;
}

//--this css for the td keeps overriding the one i showed earlier
.list1 td{
background-color:#ccc000;
}

感谢反馈家伙！

解决方法

你最好的打赌是使用

table.YourClass tr:hover td {
background-color: #FEFEFE;
}

行不完全支持背景颜色，但单元格使用悬停和子元素的组合将产生您需要的结果。