Css style - hover doesn't work after visited

JavaScript
1

i applied a:link , a:hover and a:visited over my text but after my link has been visited, the hover effect (color change) doesn’t work anymore. what do i make the hover effect work even after visiting the link?? if i remove the a:visited, it changes my visited links automatically to the default, which i don’t want.

please help!!

this is my current css:

a.menu:hover { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #FFFF00} a.menu:link { text-decoration: none; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #000000; font-weight: bold} a.menu:visited { text-decoration: none; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; color: #000000}

Thank you !!

2

The browser will read your css line by line, so it needs to be logically structured with hover after visited. I also cleaned it up a tad :wink:


a.menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
a.menu:link {
text-decoration: none;
color: #000000; 
} 
a.menu:visited { 
text-decoration: none; 
color: #000000;
}
a.menu:hover {
color: #FFFF00;
}
3