CSS a: enlace mantener el color original

Question

Es posible indicarle a un enlace que no cambie de color en CSS y usar el predeterminado.

Ejemplo

que tienen un texto en rojo y que el texto es un enlace también. Normalmente, ese texto cambiará a azul porque es un enlace, pero quiero que se mantenga rojo.

¿Hay un estilo global para un enlace: ¿para seleccionar ningún color?

Answer 1

Pruebe esto en su hoja de estilos:

a:link { 
    color:inherit; 
} 

Tenga en cuenta que entonces probablemente debería asegurarse de que tiene alguna otra forma de identificar enlaces, o sus usuarios será confuso. (Es decir, no elimine el subrayado, también).

Si desea tratar con navegadores que no admiten inherit, supongo que será necesario repetir la definición que originalmente configuró su color.

A modo de ejemplo, supongamos que la clase important debe aparecer en rojo:

.important { 
    color:red; 
} 

.important a:link { 
    color:red; 
} 

Pero por supuesto que no es agradable tener que duplicar todas las indicaciones de color. Supongo que uno podría hacer algo en JavaScript (recorriendo todos los elementos a y dándoles la clase correcta explícitamente). (No tengo IE disponibles para probar esto.)

Answer 2

Si todos sus a etiquetas están contenidas dentro de una etiqueta de párrafo sólo se puede establecer el color de la etiqueta a a inherit. También podría establecer un estilo para todas las etiquetas a con el color que tenga la etiqueta de párrafo. Una advertencia rápida sobre inherit, hay versiones anteriores de IE que no son compatibles (IE7 y anteriores).