悬停在表格行上的效果

Question

我有一个应用了类的表，我想向具有特定类名的所有行添加悬停效果。 但这似乎不起作用。 使用铬。 也必须在IE8中工作。 有人可以帮我解决这个问题吗？

html->

<table class="myTable">
<tr class="myRow">
    <td>1</td>
</tr>
<tr>
    <td>2</td>
</tr>

CSS->

.myTable.myRow tr:hover td{
 background-color:red;   

}

这是小提琴

Answer 1

您可以使用以下命令：

.myRow:hover {
    background:red;   
}

小提琴

Answer 2

您已经将该类应用了轻微的错误，将其更改为：

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

推理是在您的CSS中，您要说的是找到类myTable ，该类也具有myRow类，但是它是myRow类的tr元素。