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?