CSS! Important IE8 не признан

Question

Mistyped code. Исправлено найдено

.tblmain td отменяет влияние tr из-за уровня DOM. Вместо этого следует использовать .tblmain tr. Если кто-то захочет представить ответ, я соглашусь. Спасибо!

Я использую идентификатор !important в своем CSS, чтобы быть уверенным, что цвет фона tr изменен при зависании.

CSS-за tr является

.tblmain td { 
    background-color: white; 
} 

затем через onmouseover случае я использую JavaScript, как показано ниже

onmouseover='$(this).addClass("hover")' 

парения КСС ниже

.hover { 
    cursor: pointer; 
    background-color: #15b6b8 !important; 
} 

Фоновый еще белый при наведении, но когда класс tr удалить, зависание работает, как ожидалось. Я знаю, что !important считается взломанным в таких ситуациях, поэтому я открыт для любых предложений, включая, но не ограничиваясь, использование !important, чтобы сделать преобладающий цвет классом зависания.

Заранее благодарен!

Answer 1

Значит, вы добавляете класс, но не удаляете его? Вместо этого используйте toggleClass.

Кроме того, использование onmouseover - это плохое разделение кода. Попробуйте это:

$('.tblmain').on('mouseover mouseout', 'tr', function(e) { 
    $(this).toggleClass('hover'); 
}); 

Вам может понадобиться, чтобы переключить цвет фона из td детей вместо, хотя. Если к ним применяется фоновый цвет, он может и будет переопределять стили для tr.

$('.tblmain').on('mouseover mouseout', 'tr', function(e) { 
    $(this).find('td').toggleClass('hover'); 
});