estilo cambia solo?? :S

[gus4no]

hola la verdar no supe ni como ponerle al tema y no supe si ponerlo aca o en javascript pero espero y me puedan ayudar.

estoy haciendo un pequeno reproductor de musica utilizando html5 y en la lista de musica cuando el cursor pasa por arriba cambio el color del fondo y el color de la letre

(lista:hover{background:#808080;color:white;})

cuando por default esta en

(lista{background:#ccc;color:##382D2C;}

ahora cuando la cancion esta sonando cambio el estilo usando javascript

(background:#81cad6;)

y cuando la cancion deja de sonar regreso el estilo al original

(lista{background:#ccc;color:##382D2C;}


ahora el problema viene cuando paso por encima de alguna cancion que ya se reprodujo (que de igual manera cambio su estilo de color) , la hoja de estilos ya no me respeta la regla que se activa en hover

(lista:hover{background:#808080;color:white;})

por lo que no se resalta ninguna cancion sobre la ccual este el cursor pienso que quiza es porque cambie las reglas usando javascript , pero no se si estoy en lo correcto!

si alguien sabe que es lo que esta pasando o si en realidad es un problema de javascript hacer nota para cambiar el tema de lugar , por cierto trate cambiar los estilos utilizando onmouseover y onmouseleave , pero son eventos que ya estoy utilizando para otras funciones.