Почему после изменения фона блока в js перестает работать hover?

Question

[Ingernirated]

Всем привет!
Почему на нажатом блоке перестает работать hover?
https://jsfiddle.net/okfr749z/

Answer 1

[2cha.headz]

потому, что когда js применяет стили, они записываются инлайном (т.е.) внутри тега, эти стили являются более приоритетными
Можете в :hover цвету прописать !important, тогда он будет приоритетнее инлайнового стиля
хотя !important это плохая практика

Answer 2

[Владимир Проскурин]

Используйте добавление класса а не inline стиля (который имеет приоритет над селекторами, если правда в них нет !important, но это плохая практика).
Пример https://jsfiddle.net/Vlad_IT/z8fnwo7g/1/

Answer 3

[wagoodoogoo]

вы ему стиль "жёстко" задали после клика, сделайте класс с чёрным фоном и меняйте его по клику