Ho un pagina in HTML così definita:

codice:
<html>
<head>
	<title>Dizionario Online</title>
<style type="text/css">
th {font-family:monotype corsiva; font-size:30pt}
.1 { color:red }
.2 { color:blue }
a:visited { color:red }
.allinea { text-align:center }
a { text-decoration:none }
</style>
</head>
<body>



<table border="0" align="center" width="100%">
		<tr>
			<th class="1">DIZIONARIO</th>
			<th class="2">DICTIONARY</th>
		</tr>
		<tr>
		<td class="allinea">
                    [img]img\ita.gif[/img]
		</td>
		<td class="allinea">
		    [img]img\eng.gif[/img]
		</td>
		</tr>
</table>
</body>
</html>
Questa pagina contiene due titoli e due immagini che sono tutti link.
Vorrei fare in modo che il primo link "DIZIONARIO" mi venisse sempre colorato in rosso (sia se è già stato visitato sia se non lo è stato ancora) mentre il link con la scritta in inglese "DICTIONARY" sempre in blu, tramite i fogli di stile CSS.

Mi potete aiutare?

Ho provato nei seguenti modi ma non funzionano:

codice:
th.1 a:visited { stili }
a:visited#1 { stili }
...
...