После изменения css через JavaScript hover не работает, что делать?

Question

[davc]

Здравствуйте, у меня есть элемент вот такой

<div id="elem"></div>
и есть css

#elem{
        height: 100px;
        width: 200px;
        background-color: green;
}
#elem:hover{
        background-color: blue;
}

Вопрос следующей:: Когда при помощи JavaScript -а изменяю цвет элемента, после этого hover не работает, и это не касается только цвету. При изменении любого свойства через javascript, не работает корректно css. Что делать?

Comments

[Andrew]

Js код еще добавьте. А-то мб вы что-то с элементом не то делаете.

[davc]

Stimulate, что это такое?

Answer 1

[antpv]

Если вы хотите чтобы :hover переопределил ваш собственный стиль, в :hover используйте !important.
Например:

#elem:hover{
        background-color: blue !important;
}

Comments

[sharpsss]

тигр конкретный ты - помог ежже , спасибо + от души

Answer 2

[Stimulate]

https://jsfiddle.net/wmhaxrn3/3/