Vínculo que no se adapta al estilo que hay en la clase definida

[pzin]

Hola muy buenas.

Estoy algo desquiciado.
Quiero aplicarle un estilo a un vínculo, algo en principio muy simple de hacer. Pero resulta, por no sé que razón, que el vínculo no se queda como yo quiero.

Tengo algo así (después de mil cambios, intento y reaciendo, pues quedó esto ahora mismo):

Código:

.vinculoagenda a:link {font-size:13px;color:#397300;text-decoration:none;}
.vinculoagenda a:visited {font-size:13px;color:#397300;text-decoration:none;}
.vinculoagenda a:active {font-size:13px;color:#397300;text-decoration:none;}
.vinculoagenda a:hover {font-size:13px;color:#A2BD87;text-decoration:none;}

La página está colgada en lanzaroterock.com/x (el vínculo que hay en la agenda, aunque se ve de sobra).
Supongo que será alguna chorrada, pero estoy desentrenado en estos menesteres.

Gracias y un saludo.

[frijolerou]

Está mal el orden, debe ser LINK, VISITED, HOVER y ACTIVE.

[pzin]

¿Debe de ir en un orden? He probado a cambiarlo, pero sigue igual. De todas formas, añado esta pregunta a la consulta, porque, tengo mas estilos para otros vínculos definidos, y están en "mal" orden.

[pzin]

Bueno, de momento lo voy a dejar de la única manera que funciona. He dejado el estilo dentro del HTML, en el mismo enlace.
Si alguien supiera que pasaba antes, le agradecería que lo posteara.

Gracias y un saludo.

[KnowDemon]

Hola,

Es probable que se deba a cuestiones de prioridad. Si hay estilos en conflicto, se aplicarán los más específicos. Por decir algo: un selector basado en "id" tiene prioridad sobre uno basado en "class", aún cuando el elemento sea descendiente y el "id" ó "class" no esten aplicados directamente a él, como en un selector contextual. Por ejemplo, con las siguientes reglas en el orden en que son presentadas:

Código:

#algo elemento{
color: red;
}

elemento.miclase{
color: blue;
}

Si las dos aplican para elemento, se aplicara el color rojo y no el azul (hasta donde yo puedo recordar). Tal vez la causa de tu problema vaya por ahí.