Problem Getting Css Subclass (?) To Work ... Help Needed

[NoSalt]

Hello All

 

Could I get a little help with this CSS? In my stylesheet I have my anchor colors defined:

 

a:link {}
a:visited {}
a:hover {}

 

Later on in the stylesheet, I have some anchors that are within a span defined:

 

span.logout {}
span.logout a:link, a:visited {}
span.logout a:hover {}

 

The only thing is, my anchor colors in the logout div are overriding my primary anchor colors. I am confused as to why this is happening. I thought only the anchors within the "logout" span would be affected by this CSS.

 

Anyway, if anybody could help out with this, I would appreciate it. Also, am I using the term "CSS subclass" correctly?

 

Thanks for taking the time to read, and have a great day.

[codefossa]

If you're making :link and :visited the same color, there would be no reason to do both. Also, you used a comma so you would need span.logout a:visited there, which could be your problem. Maybe try using ! important if that's not it.

[cutielou22]

Also make sure the coding is right - it should look something like this:

<span class="logout"><a href="link">Whatever</a></span>

[NoSalt]

Xaotique ... I'm not sure what you mean by "span.logout a:visited there"

 

 

 

cutielou222 ... Yes, the html is correct, thank you.

[Scott_S]

Xaotique is saying change

span.logout a:link, a:visited {}

to

span.logout a:link, span.logout a:visited {}