css 2 ayrı hover sorunu

merhabalar hazırladığım html tema nın arayuz.css dosyasına genel olarak etkin olması için:

a{

text-decoration:none;
}
/* unvisited link */
a:link {

color: black;
text-decoration:none;
}


/* visited link */
a:visited {

color: black;
text-decoration:none;
}


/* mouse over link */
a:hover {

color: #2B65EC;
text-decoration:none;
}


/* selected link */
a:active {

color: black;
text-decoration:none;
}

kodlarını ekledim haber başlıklarını sayfamda span etiketleri arasında yayımladım:

<span class="ahbaslik">Haber Başlığı</span>

sadece haberler için haberler.css dosyası oluşturdum ve bu spanda etkin olması için css dosyasına:

.ahbaslik a:hover {
color: #000;
text-decoration:none;
}
.ahbaslik a:link {
color: #FF0;
text-decoration:none;
}
.ahbaslik a:visited {
color: #000080;
text-decoration:none;
}

ekledim ama bürtürlü etkin olmadı arayuz.css deki kodları çalıştırıyor bunun sebebi ne olabilir yanlış tanımlamamı yapıyorum?

.ahbaslik {
color: #000;
text-decoration:none;
}
böyle bir stil oluşturun bu şekilde deneyin bakalım ne olacak.

.ahbaslik a:link {
color: #FF0;
text-decoration:none;
}

burada :link i koymana gerek yok a yazman yeterli.

ayrıca css içerisindeki altdaki class etkin olur.

bir yol daha var .
color: #111 !important;

yazarsan alt üst bakmaz !important yazılı olanı uygular

importand uyguladım gene aynı neden böyle oluyor anlamıyorum sayfaya 2 adet css sitil dosyası ekli arayuz.css de

a{

text-decoration:none;
}
/* unvisited link */
a:link {

color: black;
text-decoration:none;
}

/* visited link */
a:visited {

color: black;
text-decoration:none;
}

/* mouse over link */
a:hover {

color: #2B65EC;
text-decoration:none;
}

/* selected link */
a:active {

color: black;
text-decoration:none;
}

kodları var ama ben diğer sitil dosyasına şu kodda etkili olması için:

<span class="ahbaslik">Haber Başlığı</span>

şu sitili oluşturdum:

span.ahbaslik{
text-transform: capitalize;
margin-left: 10px;
}
.ahbaslik a:hover {
color: #F00 !important;
text-decoration:none;
}
.ahbaslik a:link {
color: #FF0 !important;
text-decoration:none;
}
.ahbaslik a:visited {
color: #000080 !important;
text-decoration:none;
}

ama hover olayı calışmıyor span.ahbaslik şeklinde tanımlıyorum gene aynı nerede problem var anlamadım?

http://www.cssdesk.com/2parC

incelersen sorununu çözersin.

edit