Question

I made a page which is saved in this fiddle (original fiddle link).

Here I have set the color of the link in case of link,active,visited,hover. But after the first time, whenever I load the page in firefox, it always shows the color of visited i.e. pink. How can I reset the color as yellow i.e.the link color, that is shown the first time?

Also I could not understand how can I check if the blue color i.e. color of active is coming or not?

Answer 1

I think what you really want is the :focus psuedo-selector, not the :visited selector, since you don’t want a durable (i.e., kept per page load) change. You want an in this instance change. :active only works for the duration of a mouse-click on a link.

See:

A:focus {
    text-decoration: line-through;
    color: pink;
}

http://jsfiddle.net/w4ByF/3/

And click on the first link. You’ll see it take the :focus psuedo-selector.

Here the effect is a little easier to see:

http://jsfiddle.net/w4ByF/4/