Eliminar TODO el estilo/formato 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 (flotar, visitado, etc.).

Sé cómo establecer 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) como está.

Alguna Sugerencia?

Author: Bill the Lizard, 2012-01-19
Source

4 answers

Simplemente puede definir un estilo para los enlaces, que anularía a:hover, a:visited etc.:

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

También puede usar el valor inherit si desea usar atributos de estilos principales en su lugar:

body {
  color: blue;
}
a {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}
 155
Author: Frxstrem,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2018-05-01 08:51:57

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

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

En este caso, el .nav a SIEMPRE sería verde, el :hover no se aplicaría a él.

Si hay alguna otra regla que lo afecte, podría usar !important, pero no debería hacerlo. 

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

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

 3
Author: SpoonNZ,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-01-19 00:55:40

Puede usar un selector a en su hoja de estilos para definir todos los estados de un anclaje/hipervínculo. Por ejemplo:

a {
    color: blue;
}

Anularía todos los estilos de enlace y haría que todos los estados fueran de color azul.

 1
Author: Chris,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-01-19 00:51:31

Si declaras a.redLink{color:red;} entonces para mantener esto en hover y tal add a.redLink:hover{color:red;} Esto se asegurará de que ningún otro estado hover cambiará el color de tus enlaces

 -1
Author: danferth,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-01-19 00:50:49