Hover and Visited properties of the <A> tag 1

[MikeDamone]

It seems the Visted property takes precedence over the Hover property. I want the links to always be white unless they are hovered over, but when I set the visted property to white, the hover property no longer works for those links that I have clicked on. Is there a way around this? Here's what I have. Thanks

DIV.Menu A:hover
{
color:yellow;
}

DIV.Menu A:visited
{
color:white;
text-decoration:none;

 

[BillyRayPreachersSon]

Mike,

If you swap the order of the pseudo-classes, so you declare visited first, and then hover, all should be fine.

To quote the W3C website:

"Note that the A:hover must be placed after the A:link and A:visited rules, since otherwise the cascading rules will hide the 'color' property of the A:hover rule. Similarly, because A:active is placed after A:hover, the active color (lime) will apply when the user both activates and hovers over the A element.".

There is a very, very good read on selectors, which I found numerous good tips in:

http://www.w3.org/TR/CSS2/selector.html

Hope this helps!

Dan


Th