A: visited does not work on mozilla, but works fine in IE

Question

a: visit function works fine on my IE but not on mozilla. This does not affect Mozilla. Css Class -

ul#menu1 li a:link, a:visited { display: block; height: 18px; padding: 5px 0 6px 15px; text-decoration: none; clear: both; color: #666; } 

Answer 1

The visited style has been removed from Firefox (and most other browsers) in recent versions due to a security issue.

The problem is that a malicious website could use the browsing history using it - they set the color visited , create a load of URLs (even hidden ones, so that the user does not know about it), and check their color. This caused quite a stir in browser security circles a couple of years ago.

The visited function can be re-enabled in Firefox by going to the security settings, but disabled by default, and most users will be disabled.

For more information about the problem and how Firefox fixed it, see here: http://blog.mozilla.com/security/2010/03/31/plugging-the-css-history-leak/

Answer 2

Try changing your order so that it: link ,: visited ,: hover ,: active

Also make sure your Mozilla settings are set to save your browsing history. If he does not remember the story, he cannot know what you visited or not.

Edit: It does not seem that Mozilla has disabled the ability to distinguish between visited links, but it seems that they have limited what properties you can use. See here for more details.

Answer 3

just make your selector more specific

 ul#menu1 li a:link, ul#menu1 li a:visited { //code here } 

Note that I added ul#menu1 li before a: visited

what you currently do not indicate that the question a: visited is inside the tag ul # menu1 li

Answer 4

Try changing the selector as follows:

 #menu1 a:link, #menu1 a:visited { ... } 

It should apply css for all a: visited or a: link in the element where id is menu1