no me funciona el a.vinculo:link

[RazorBuzz]

Estuve revisando este tutorial:

Código HTML:

P-/ ¿Puedo usar dos estilos diferentes para los links de una misma página? 

R-/ Puedes crear una o varias clases y llamarlas desde los links a los que se desee dar ese aspecto.


<style type="text/css">
<!--
a:link { font-family: Tahoma, Verdana, Arial; color: #003366; text-decoration: none}
a:visited { font-family: Tahoma, Verdana, Arial; color: #0099CC; text-decoration: none}
a:hover { font-family: Tahoma, Verdana, Arial; color: #996600}
a:active { font-family: Tahoma, Verdana, Arial; color: #996633; text-decoration: none}


a.estilo2:link { font-family: Tahoma, Verdana, Arial; color: #993300; text-decoration: none}
a.estilo2:visited { font-family: Tahoma, Verdana, Arial; color: #CC9933; text-decoration: none}
a.estilo2:hover { font-family: Tahoma, Verdana, Arial; color: #996666}
a.estilo2:active { font-family: Tahoma, Verdana, Arial; color: #993300; text-decoration: none}
-->
</style>

Ahí hemos creado la clase estilo2. Aquellos enlaces que queramos que usen esa clase, se lo pedimos

<a href="pepe.html" class="estilo2"> pepe </a> 

Y probé de la siguiente manera:

Código HTML:

a:link { font-family: Tahoma, Verdana, Arial;}
a.vinculos:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	text-decoration: none;
}
a.vinculos:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: underline;}

Y el html:

Código HTML:

<a href="#identificacion" class="vinculos">Identificaci&oacute;n</a><br> 

Y no tuve los resultados esperados

En que me equivoque?