How to make link not change color after visited?

Question

I have this css:

a:visited  {     text-decoration: none;      decoration: none;  } 

After a link is visited it changes color.

It is happening to the "Browse All Problems" link on the bottom of the right side of this page: http://www.problemio.com

Thanks!

Answer 1

Text decoration affects the underline, not the color.

To set the visited color to the same as the default, try:

a {      color: blue; } 

Or

a {     text-decoration: none; } a:link, a:visited {     color: blue; } a:hover {     color: red; } 

Answer 2

In order to avoid duplicate code, I recommend you to define the color once, for both states:

a, a:visited{      color: /* some color */; } 

This, indeeed, will mantain your <a> color (whatever this color is) even when the link has been visited.

Notice that, if the color of the element inside of the <a> is being inherited (e.g. the color is set in the body), you could do the following trick:

a, a:visited {     color: inherit; }