Eliminar TODO el estilo/formateo de los hipervínculos

Estoy creando un menú de navegación con palabras con diferentes colores (href enlaces). Me gustaría que el color NO cambie en ningún estado (hover, visitado, etc.).Eliminar TODO el estilo/formateo de los hipervínculos

Sé cómo configurar los colores para los diferentes estados, pero me gustaría saber el código para dejar el color del texto (y cualquier otro estilo/formato) tal como está.

¿Alguna sugerencia?

Fuente

2012-01-19 SiteHopper

132

simplemente Puede definir un estilo para los enlaces, lo que anularía a:hover, a:visited etc .:

a { 
    color: blue; 
    text-decoration: none; /* no underline */ 
}

también puede utilizar el valor inherit si desea utilizar atributos de estilos parentales en su lugar:

body { 
    color: blue; 
} 
a { 
    color: inherit; /* blue colors for links too */ 
    text-decoration: inherit; /* no underline */ 
}

Fuente

2012-01-19 00:55:01 Frxstrem

La parte importante es la palabra clave 'inherit'. No tiene el 100% de soporte desafortunadamente. – david

'initial' también es útil cuando desea restablecer css al estilo predeterminado. Esto está bien explicado aquí [enlace] (http://stackoverflow.com/questions/8228980/reset-css-display-property-to-default-value) – SiteHopper

¡Muchas gracias por 'inherit'! – parsecer

-1

si declara a.redLink{color:red;} entonces para mantener esto en vuelo estacionario y tal añadir a.redLink:hover{color:red;} Esto se asegurará de que no hay otros estados de la libración cambiarán el color de los enlaces

Fuente

2012-01-19 00:50:49 danferth

Usted sólo puede utilizar un selector de a en su hoja de estilos para definir todo estados de un ancla/hipervínculo. Por ejemplo:

a { 
    color: blue; 
}

Anulará todos los estilos de enlace y hará que todos los estados tengan el color azul.

Fuente

2012-01-19 00:51:31 Chris

Esto no es lo que preguntó. Vuelve a leer la pregunta. Él ya sabe esto. – david

Como Chris dijo antes que yo, solo un a debe anular. Por ejemplo:

a { color:red; } 
a:hover { color:blue; } 
.nav a { color:green; }

En este caso, el .nav a sería siempre verde, el: hover no se aplicaría a ella.

Si hay alguna otra regla que lo afecte, PODRÍA usar !important, pero no debería. Es un mal hábito caer en.

.nav a { color:green !important; } /*I'm a bad person and shouldn't use !important */

Entonces siempre será verde, irrelevante de cualquier otra regla.

Fuente

2012-01-19 00:55:40 SpoonNZ

Esto no es lo que él pidió. Vuelve a leer la pregunta. Él ya sabe esto. – david

@david He vuelto a leer, bastante seguro de que eso es lo que preguntó. Este código le permitirá establecer un estilo para 'a' que evitará cualquier cambio en': hover' (o ': visited', etc.). ¿Qué tal si, en lugar de ser un imbécil y descartando las tres respuestas, sugieres una solución real? – SpoonNZ

Gracias por la ayuda. Pero, ¿y si el enlace es así? 2 palabras en 2 colores, pero es solo 1 enlace: ventas únicas (en rosa) (en negro) Y deben permanecer de ese color en cualquier estado. Lo codifiqué en línea de esta manera ... uniquesales Pero debe haber un limpiador. (hay muchos enlaces como este en el código) ¿Alguna sugerencia? – SiteHopper

Eliminar TODO el estilo/formateo de los hipervínculos

Respuesta

Cuestiones relacionadas