css - 表格行的悬停效果

Question

我有一个应用了类的表，我想为所有具有特定类名的行添加悬停效果。但这似乎不起作用。使用 Chrome 。也必须在 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;   

这是一个 Fiddle

Answer 1

你可以只使用这个:

.myRow:hover {
    background:red;   
}

fiddle