CSS class cannot unbold a link.

[nico-t]

Weird, links within div class tags (class small) with this css:

.small {
color: Silver;
font-weight: normal;
font-size: 11px;
}

.small a {
color: Blue;
font-weight: normal;
}


Are still bold. Because the wrapper div has all links bold. I thought this should override it? It overrides the color fine.... why not the 'normal' font weight?

[MetaMan]

you can go like:

<div style="font-weight:normal;">text here</div>

to see if it overrides it. it shouldnt get the bold from the wrap but i cant see the entire code so hard to say.

[MetaMan]

.small {
font: normal 12px Arial, Helvetica, sans-serif;
}

is so much cleaner also

[redwhiteandblue]

What browser? Looked at it in Firebug to see what its properties actually are? Tried setting it in the link pseudo-classes?

[nico-t]

I had to change the ".small" from a class to a div id, and the a to the more specific a:link for it to work. Like this (and ofcourse change the "div class=" to "div id=" in the html tags around the links i wanted to change):

#small {
color: Silver;
font-weight: normal;
font-size: 11px;
}

#small a:link {
color: Blue;
font-weight: normal;
}

dont know why a class doesnt work but hey, this works too.

[pornpf69]

could have been easily solved by adding a small thing: !important;
.small a {
color: Blue;
font-weight: normal !important;
}

not that hard...

[brandonstills]

It may be a problem of specificity. I run into these problems occasionally. They are so annoying.

http://css-tricks.com/specifics-on-css-specificity/

Basically the solution is to put the tag hierarchy in front of it or to use id's. If the specificity value is too low it won't pick it up.

[FlexxAeon]

the sad part is that with all of these different solutions, no one is 'more correct' than another