悬停在表格行上的效果

Question

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

html - ＆gt;

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

css - ＆gt;

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

}

这是Fiddle

Answer 1

你可以使用它：

.myRow:hover {
    background:red;   
}

fiddle

Answer 2

您已将该类略微错误地更改为：

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

在你的css中推理你要说的是，myTable类还有myRow类，但是你的tr元素有myRow类。