Prueba este ejemplo completo con tres formas de especificar estilos para enlaces:
<pre><html>
<head>
<style type="text/css">
<!-- A:link Especifica el estilo de los enlaces no visitados. -->
<!-- A:hover Indica el estilo del enlace cuando nos situamos sobre él. -->
<!-- A:visited Hace referencia a los enlaces ya visitados. -->
a:link {color: black; }
a:hover {color: red; }
a:visited {color: yellow; }
a:link.e1 {color: green; text-decoration: none;}
a:hover.e1 {color: red; background-color: yellow; font-weight: bold;}
a:visited.e1 {color: yellow; font-weight: normal;}
</style>
</head>
<body>
Ejemplo de estilos en enlaces
<hr /><br />
Estilo definido por defecto:<br />
<a href="direccion">Enlace 1</a>
<br /><br />
Estilo definido para clase e1:<br />
<a href="direccion" class="e1">Enlace 2</a>
<br /><br />
Estilo definido en el propio enlace:<br />
<a href="direccion" style="color: pink;">Enlace 3</a>
</body>
</html> </pre>
Saludos.
<style>.t{font: 8pt verdana; text-decoration: none; color: black;}</style><hr><span class="t"><a href="mailto:
[email protected]" class="t" style="font: 10pt;">Mikel Gómez</a><br>Hay que aprender mucho para saber poco.</span>