CSS i Javascript: funkcja zmieniająca styl najechania efektami kolorystycznymi

Mam element, w którym ustawiam kolor tekstu i inny kolor tekstu dla stanu najechania w CSS. Mam jakiś javascript, więc po kliknięciu elementu zmienia kolor tekstu elementu. Działa dobrze, z tą różnicą, że wpływa również na CSS, na którym chce się pozostać, tak samo jak kliknięty wcześniej klawisz CSS. Czy mimo to nie ma możliwości zatrzymania wykonywania hss css lub ustawienia hover CSS?

http://jsfiddle.net/77zg8/

CSS:

#test {color: blue;}
#test:hover {color:green;}

HTML:

<div id="test" onClick="javascript:change()">qwerty</div>

Javascript:

function change() {document.getElementById("test").style.color="#cc0000";};

questionAnswers(4)

yourAnswerToTheQuestion