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?

[JavierB]

Hola RazorBuzz

¿Que es lo que no funciona como tú quieres? Lo he probado y me ha parecido que no da problemas

Por cierto, las propiedades que no van a cambiar en el hover no hace falta que las repitas, puedes dejarlo así:

Código:

a.vinculos:hover {
	font-size: 12px;
	text-decoration: underline;}

Saludos,

[RazorBuzz]

Gracias
El problema es que en IE no cambia el hover

[RazorBuzz]

Te muestro el código:

A ver que me recomendas

Código:

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;
	text-decoration: underline;}
a.vinculos:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a.vinculos:visited {
	text-decoration:none;}

[JavierB]

Hola de nuevo.

Prueba poniendolo en este orden:

link
visited
hover
active

Saludos,

[RazorBuzz]

Gracias. Funciono