problema con :active

[blackswitcher]

Ciao, scusate se la domanda è banale ma sono nuovo ed alle primissime exp...
dunque, ho utilizzato a:hover senza problemi, verificando la pagina esegue le operazioni da me volute (invertendo in pratica il colore di sfondo e scritta). Aggiungendo a:visited (che vorrei cambiasse solo il colore della scritta) succede il casino.... cioè aprendo la pagina mi cambia il colore della scritta ma senza che abbia visitato il link e l'hover continua a funzionare regolarmente.
Posto il codice così magari sapete darmi qualche dritta...

.navigation {
font-family: bradley, "Bradley Hand ITC TT Bold";
font-size: 28px;
background-color: #000;
color: #F00;
display: block;
font-weight: normal;
text-decoration: none;
text-align: center;
margin: auto;
padding: auto;
width: 255px;
font-style: normal;
height: 50px;
}

.navigation:link {
font-family: bradley, "Bradley Hand ITC TT Bold";
font-size: 28px;
background-color: #000;
color: #F00;
display: block;
font-weight: normal;
text-decoration: none;
text-align: center;
margin: auto;
padding: auto;
width: 255px;
font-style: normal;
height: 50px;
}

.navigation:visited {
font-family: Verdana, Geneva, sans-serif;
font-size: 28px;
background-color: #000;
color: #FF0;
display: block;
font-weight: normal;
text-align: center;
margin: 5;
padding: 8px;
width: 255px;
text-decoration: none;
}

.navigation:hover {
font-family: Verdana, Geneva, sans-serif;
font-size: 28px;
background-color: #F00;
color: #000;
display: block;
font-weight: normal;
text-align: center;
margin: auto;
padding: 8px;
width: 255px;
text-decoration: none;
}

Grazie

[0-c00l]

devi aggiungere a:visited non :visited

[blackswitcher]

Scusa ma come premesso sono alle prime armi....
Devo mettere .a al posto di .navigation?

[0-c00l]

no ti spiego, se la tua classe è .navigation , per personalizzare i link devi aggiungere a:link accanto e non solamente :link o :visited o ancora :hover, quindi diventa:

.navigation {
font-family: bradley, "Bradley Hand ITC TT Bold";
font-size: 28px;
background-color: #000;
color: #F00;
display: block;
font-weight: normal;
text-decoration: none;
text-align: center;
margin: auto;
padding: auto;
width: 255px;
font-style: normal;
height: 50px;
}

.navigation a:link {
font-family: bradley, "Bradley Hand ITC TT Bold";
font-size: 28px;
background-color: #000;
color: #F00;
display: block;
font-weight: normal;
text-decoration: none;
text-align: center;
margin: auto;
padding: auto;
width: 255px;
font-style: normal;
height: 50px;
}

.navigation a:visited {
font-family: Verdana, Geneva, sans-serif;
font-size: 28px;
background-color: #000;
color: #FF0;
display: block;
font-weight: normal;
text-align: center;
margin: 5;
padding: 8px;
width: 255px;
text-decoration: none;
}

.navigation a:hover {
font-family: Verdana, Geneva, sans-serif;
font-size: 28px;
background-color: #F00;
color: #000;
display: block;
font-weight: normal;
text-align: center;
margin: auto;
padding: 8px;
width: 255px;
text-decoration: none;
}

[blackswitcher]

ho provato ma così non va più hover :-(
Grazie cmq per la risposta...