Originariamente inviato da kiapparo
questo è il codice...

a:link, a:visited, a:active { color: #336699; font-weight: bold; text-decoration: none; }
a:hover { color: #000000; }
a.inv:link, a.inv:visited, a.inv:active { color: #99cccc; }
a.inv:hover { color: #FFFF66; }

so che riguarda i link ma
cosa fa??
la prima riga è come scivere :
a:link { color: #336699; font-weight: bold; text-decoration: none; }
a:visited { color: #336699; font-weight: bold; text-decoration: none; }
a:active { color: #336699; font-weight: bold; text-decoration: none; }

in un modo più corto e rende tutti i link ( link attivi , link e link visitati ) di carattere in grasseto senza sottolineatura e di colore 336699 .

a:hover indica che il link al passaggio del mouse il link diveterà nero

stessa cosa sotto, solo che costruisce delle classi, ovvero se in un link nn vuoi che siano senza sottolineatura e neri al passaggio del mouse fai un'altra classe per ogni tipo di link (hover, link, active, visited) così:

a.inv:link, a.inv:visited, a.inv:active { color: #99cccc; }

e nei link fai :
<div>link

e la stessa cosa è per a:hover con la nuova classe di nome (inv) !

ciao