Risposta corretta (per quanto riguarda la prima parte)!
a.visited definisce la classe di un link --> <a class="visited">. Anche l'esempio che hai riportato è corretto.
Tuttavia, consiglio un ripasso sulla teoria, la funzione e l'utilizzo delle
pseudo-classi CSS:
CSS Pseudo-classes.
a:visited non è un errore, ma è una dichiarazione CSS valida (fatta con la pseudo-classe
:visited) che assegna degli attributi a tutti i link (<a>) una volta visitati. Aggiungo che una dichiarazione:
Code:a:visited {
color:#00FF00;
}
significa che
tutti i link della tua pagina, una volta visitati, si coloreranno indistintamente di verde. Ma si possono differenziare gli stili usando anche le classi! Per esempio:
Code:a.verdi:visited {
color:#00FF00;
}
significa che diventeranno verdi tutti i link visitati che nel codice siano taggati così --> <a class="verdi">.
Interrogazioni a parte (per venire finalmente alla questione sorta dalla tua domanda), per evitare che i link visitati siano circondati dall'odioso bordino punteggiato, la giusta dichiarazione non è {text-decoration:none;}, ma questa:
Code:a:visited {
outline: 0;
}
Vale il discorso fatto prima: questa istruzione rimuove il bordino a tutti i link una volta visitati; se per qualche motivo vuoi che questa opzione sia valida solo per alcuni dei tuoi link, usa le classi:
Code:a.pulsante:visited {
outline: 0;
}
Oppure c'è anche un altro trucco da vecchio lupo di mare... Ma dovrai scoprirlo da te, con il tempo!
Ciao e a presto!