Наведите указатель на строку таблицы

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; 

}

Вот Fiddle

Answer 1

Вы применили класс немного неправильно изменить его:

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

Рассуждая быть в вашем CSS вы говорите найти класс myTable, который также имеет класс myRow, но это ваше tr элемент с классом myRow.

Answer 2

Вы можете просто использовать это:

.myRow:hover { 
    background:red; 
} 

fiddle