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?