Почему пропадает св-во hover?

Question

[Ingernirated]

Почему после срабатывания функции hover уже не работает?
https://jsfiddle.net/w5b1g2zu/5/

Answer 1

[tyzberd]

css.yoksel.ru/specifity

Answer 2

[tarthur]

i.style.color = "orange";

этим вы задали стили инлайновые стили:
style="color: orange;

а они приоритетнее написаных в css

a:hover {
color:#ff2e5a !important;
cursor:pointer;
}

это вам поможет, но так лучше не делать.

Answer 3

[Хороший UI]

JS переопределяет стили

Comments

[Ingernirated]

Допустим, он переопределил в a {color}
Но причем тут a:hover{}?
Или как мне менять в js цвет так, чтобы он не трогал hover?

[Хороший UI]

Ingernirated, ну тут я вижу 2 решения, как выше сказали, через !important, но оно не желательно, ибо его сложно переопределить.

Либо через тот же js. Я сам js плохо знаю, надо сделать функцию обработчик, вместо которой я повесил события на каждую ссылку. https://codepen.io/you_web/pen/XYKXoW

[tarthur]

https://jsfiddle.net/w5b1g2zu/42/