CSS Link Hovering Issue Options

[nWo Sting]

I am having an issue with my CSS and link hovering. I have the text change color when someone mouses over the link as a way to assure them it is a link. I want the hover color to always work, however with CSS when you visit the link, and go back to the original page there is no longer any hover color when you mouse over the link. This is the exact code I am using:

a:link {color: #66CCFF}
a:hover {color: #FF0000}
a:visited {color: #66CCFF}

After you click the link, then the text links no longer change to the hover color when you mouse over, they stay to whatever the visited link color is. I tried removing the visited link code, but a generic visited link color kept showing up. Is there a different code to where text hovering for link always works whether you click the link or not? thanks.

[pandy]

The order is important. Read here:
http://www.w3.org/TR/REC-CSS2/selector.htm...-pseudo-classes

:link and :visited are mutually exclusive. A link must be either visited or not visited, it can't be both at the same time. That's not the case with :hover. A link can be both visited and hovered at the same time, right? And not visited and hovered. Then the cascade comes into play and decides which declaration that will be applied - in this case that simply means that the last declared one will win out.

[nWo Sting]

The order is important. Read here:
http://www.w3.org/TR/REC-CSS2/selector.htm...-pseudo-classes

:link and :visited are mutually exclusive. A link must be either visited or not visited, it can't be both at the same time. That's not the case with :hover. A link can be both visited and hovered at the same time, right? And not visited and hovered. Then the cascade comes into play and decides which declaration that will be applied - in this case that simply means that the last declared one will win out.

thanks for the info, I didnt know it worked that way. I will try it out.

[kadricanik]

hi.thanks