懸停在表格行上的效果

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元素。