Unstyleing Anchor Tags in CSS

Question

I would like all the standard styles of underline, bold and color to be removed from the anchor tag so that all an anchor tag does is link and not upset the display.

I tried the following but I still have everything inside in blue and bold which is a pain.

a,
a:link,
a:visited,
a:hover,
a:active {
    color: inherit;
    text-decoration: inherit;
    font-weight: inherit;
}

Anybody know how to not just remove the style by substituting a replacement but to actually not have it style the link at all so that styles are not upset within the anchor.

Answer 1

That CSS should be working. Perhaps your stylesheet isn't being loaded? Try making the font size of links obviously large with font-size:50px;, for example.

If the links become large but the colour/text-decoration/font-weight still aren't inheriting then I don't know what the problem is but if the links remain the same size then your problem lies with linking your css to your html file.

Answer 2

@Drejon's answer was almost what I wanted, but explicitly setting the color, text decoration and font-weight was causing a tags to not take those values from their parent, which is what I desired. Here is what I ended up using:

a, a:link, a:visited, a:hover, a:active {
  color: inherit;
  text-decoration: inherit;
  font-weight: inherit;
}

Answer 3

I'm not exactly sure that I understand. Try if this helps:

a,
a:link,
a:visited,
a:hover,
a:active {
    color: #000000; /*color of your choosing*/
    text-decoration: none;
    font-weight: normal;
}