Little Quick Style Sheet Problem

[NakaNaka]

Alright, in the style.css file for this page I'm doing, I have this.

a:link, a:active { color: #CCCCCC}
a:hover { color: #FFB542}
a:visited { color: #CCCCCC}

Now, the problem is, when I hover on a link I've visited, the hover color does not come up. I tried removing a:visited { color: #CCCCCC}, but then it just uses the default color, which I definitly don't want. However, when I did remove that, when I hovered over that default color, the hover color came up.

Any clue on how I can get the hover color on a link I've visited?

Thanks - Phil

 

[KC5AV]

What color is your background? Is there enough contrast between the two colors to see the change?

 

[NakaNaka]

It's a dark blue, so yes there is enough to see the change.

 

[Beau]

a:link, a:active {
color: #CCCCCC
}
a:hover {
color: #FFB542
}
a:visited {
color: #CCCCCC
}
a:visited:hover {
color: #FFB542
}

 

[KC5AV]

Hmmm... not sure. Let me check a couple of places. You might ask in the tech support forum, though.

 

[NakaNaka]

Beau I'll try that out. Thanks 🙂

 

[Beau]

Originally posted by: NakaNaka
Beau I'll try that out. Thanks 🙂

actually, just put the hover block after the visited block.

 

[Beattie]

I think it has to be in the right order. I just dont remember what the order is.