Üstü çizili olmasının sebebi başka bir kural tarafından o kuralın çiğnenmesi diyebiliriz.
Detaylı açıklama:

https://developer.chrome.com/devtools/docs/elements-styles?csw=1#computed_style

Renk değişimi için:

a.renkli {
color: black;
}
a.renkli:hover {
color: red;
}

<a href="" class="renkli">Ben link oldum</a>

Çalışan örnek: http://jsfiddle.net/ex5sj/

Kolay gelsin