Почему не работает :hover после смены стиля?

Question

[Гектор Синхром]

Есть элемент

<div class="PL-playPause" data-id="-1" id="PL-PlayPauseBtn"></div>

.
Есть стиль hover

.PL-playPause:hover {
    background-color: rgba(118, 180, 188, 0.6);
}

Всё работает как и должно, цвет меняется. НО, только стоит мне поменять стиль этого элемента в JS - так сразу :hover перестаёт работать. Почему??

$('.PL-playPause').css({'background':'rgba(118, 180, 188, 0.8) url(images/pause-pl.png)'});

Comments

[Антон Литвиненко]

Потому что js стили инлайнит, а инлайн стили спецефичнее

Answer 1

[igumenov]

.PL-playPause:hover {
    background-color: rgba(118, 180, 188, 0.6)!important;
}