ok im geting stresed with this now,u see the problem is that the hover works fine but if u visit that link and go bak to it insted of being black text on blue background its blue on blue, this is my css code that wont work: help!!!

A:hover{background:#0000ff; color:#000000;}
A:hover.red{background:#ff0000; color:#000000;}
A:hover.grey{background:#cccccc; color:#000000;}
A:hover.blue{background:#0000ff; color:#000000;}
A:hover.green{background:#00ff00; color:#000000;}

A:link,A:visited,A:active{text-decoration:none; color:#0000ff;}
A:link.blue,A:visited.blue,A:active.blue{text-decoration:non; color:#0000ff;}
A:link.red,A:visited.red,A:active.red{text-decoration:none; color:#ff0000;}
A:link.green,A:visited.green,A:active.green{text-decoration:none; color:#00ff00;}
A:link.grey,A:visited.grey,A:active.grey{text-decoration:none; color:#cccccc;}

i no ur problem... u need 2 change the visited link 2 black cuz u didn't specify a color 4 it so it appears blue. hope i helped!

Your main problem may be because your hover effects are being listed before your main effects. CSS usually likes them afterwards.

Try this...


A:link,A:visited,A:active {text-decoration:none; color:#0000ff;}
A:hover{background:#0000ff; color:#000000;}

A:link.blue,A:visited.blue,A:active.blue {text-decoration:none; color:#0000ff;}
A:hover.blue{background:#0000ff; color:#000000;}

A:link.red,A:visited.red,A:active.red {text-decoration:none; color:#ff0000;}
A:hover.red{background:#ff0000; color:#000000;}

A:link.green,A:visited.green,A:active.green {text-decoration:none; color:#00ff00;}
A:hover.green{background:#00ff00; color:#000000;}

A:link.grey,A:visited.grey,A:active.grey {text-decoration:none; color:#cccccc;}
A:hover.grey{background:#cccccc; color:#000000;}

hey thanks m8 it works now

ps sabrinastar, u can put ur cs like that, if you want your link+visited+active to all be the same

o yah im rly bad @ css lol