A:visited overwrites A:hover

liunx

Guest
OK - here's the problem

I'm designing a HTML/ASP site and i'm using CSS

In my CSS i have a styles...

A:hover
{
COLOR:white;
}

A:link
{
COLOR:black;
}
A:visited
{
COLOR:Black;
}


The Problem that i'm having is that if a link has been visited then it overwrites the A:Hover style and so it doesn't change to white.

I've tried an OnMouseOver this.classname='MouseOverClass' on the table cell to try and do it that way but the A:visted still overwrites it.
I've also tried deleting the A:Visited Class but then i get the default purple visited link

Any ideas?Doesn't matter guys.
I simply changed the order in which the styles were declared so that the A:Hover was declared last and it now overwrites the A:visited

Didn't realise you can do that in CSS
Could come in handy
 
Back
Top