Question

I have a “before” element showing a > before a menu item.

You can see it at:
http://jsfiddle.net/EaTz7/

Now what I wish to create is that the > is shown on hover and when it’s visited, but not when it’s unvisited

Only thing is, the

li a:visited:before
{
    content: ">";
    color: #b2c900;
}

doesn’t do what it’s supposed to do.

The hover element does work as it is supposed to do.
What am I doing wrong? Or is this functionality just not implemented?

Answer 1

Your code is correct. Here’s the problem -> http://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/

Due to privacy related issues (if visited links have this look then I can know the user has visited this site) browsers have limited the number of ways you can style visited links.