[SOLVED] change a link <a> when the mouse is over it.

[otuatail]

Can anyone help on this. I want the the font of an anchor to change colour when the mouse is over it like this.

 

Normal = Red

Link / visited = blue

text-decoration = none.  Hope this style sheet code shows what is needed. Cant get the normal blue.  stays yellow.

 

 

td#link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11pt;
    color: blue;
    FONT-FAMILY: 'Book Antiqua';
    background="#f7f7ff";
}

td#link a:link, td#link a:visited
{
text-decoration: none;
color: yellow;
}

[otuatail]

Solved. I need 3 styles

 

td#link

td#link a:hover

td#link a:link, td#link a:visited

 

Sorted !!!!!

[bronzemonkey]

style declarations should always be made in this order:

 

a:link, a:visited, a:hover, a:active

[kwdrysdale]

style declarations should always be made in this order:

 

a:link, a:visited, a:hover, a:active

 

Is there a reason it should be in that order?  Just curious - totally new to CSS and want to learn the correct way first.  Thanks

 

Kevin

[bronzemonkey]

Because that is what the specification states. Read a tutorial.