Remove ALL styling/formatting from hyperlinks

Question

I\'m creating a navigation menu with words with different colors (href links). I would like the color NOT to change on any state (hover, visited etc).

I

Answer 1

You can simply define a style for links, which would override a:hover, a:visited etc.:

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

You can also use the inherit value if you want to use attributes from parent styles instead:

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