CSS link states aren't changing color?

HTML & CSS
1

I am trying to make my links change color in my blog, but nothing is changing. It seems as though the mainWrapper is controlling all of the links, but that is not what is suppose to happen. Could someone please have a look my css, and tell me why the commentlist links aren’t changing to the color, that I need it to change to? Thanks in advance.


#mainWrapper a:link, #mainWrapper a:visited {
	color: #094457;
	text-decoration: underline;
}

.commentlist:link, .commentlist:visited {
	font: bold 1.2em;
	color: #FFF;
	text-decoration: underline;
}
2

It seems as though the mainWrapper is controlling all of the links,
Hi,
From looking at your CSS that is exactly what’s happening. The first set of rules have more specificity on them since there is an ID. Add that same ID to the second ruleset and it should work just fine for you.

You only need the rules that are changing, you can omit the text-decoration.

#mainWrapper a:link, #mainWrapper a:visited {
    color: #094457;
    text-decoration: underline;
}
 
#mainWrapper .commentlist:link, #mainWrapper .commentlist:visited {
    font: bold 1.2em;
    color: #FFF;
}
3

Thanks, I have finally got the css links to work. With your help I changed the commentlist to #mainWrapper .commentlist a:link, #mainWrapper .commentlist a:visited, not #mainWrapper .commentlist:link, #mainWrapper .commentlist:visited {.

4

not #mainWrapper .commentlist:link, #mainWrapper .commentlist:visited
That was assuming that there was an anchor with the class of .commentlist applied to it.

a.commentlist

You are correct in your adjustments though as you noted. The anchor is a descendant of .commentlist in your case. :wink:

.commentlist a