Lo estas usando al revés. Te pongo un ejemplo que usé en el sitio de un cliente que ocupaba cuatro tipos de enlaces.
Normalmente es así (o sea, para un sólo tipo de link):
Código :
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
color: #FFFFFF;
text-decoration: none;
}
a:hover {
color: #1D7CA5;
text-decoration: underline;
}
a:active {
text-decoration: none;
}Si quieres otros estilos específicos
Código :
/*links de tipo B */
a.links_B:link {
color: #000000;
text-decoration: none;
}
a.links_B:visited {
color: #333333;
text-decoration: none;
}
a.links_B:hover {
color: #666666;
text-decoration: underline;
}
a.links_B:active {
text-decoration: none;
}
/*links de tipo C */
a.links_C:link {
color: #000000;
text-decoration: none;
}
a.links_C:visited {
color: #333333;
text-decoration: none;
}
a.links_C:hover {
color: #666666;
text-decoration: underline;
}
a.links_C:active {
text-decoration: none;
}
/*links de tipo D */
a.links_D:link {
color: #1A91CB;
text-decoration: none;
}
a.links_D:visited {
color: #12658D;
text-decoration: none;
}
a.links_D:hover {
color: #0C445F;
text-decoration: underline;
}
a.links_D:active {
text-decoration: none;
}Obviamente este CSS se puede optimizar utilizando los factores comunes, pero lo puse así para efectos de hacerlo más fácil de entender.
Y al llamarlo, lo haces así:
Código :
<a href="#" class="links_D">Link de Texto Estilizado D</a>
Éxito, ojalá te sirva!