CSS class cannot unbold a link. - GoFuckYourself.com

nico-t · 11-25-2010, 11:33 AM

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 · 11-25-2010, 11:36 AM

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 · 11-25-2010, 11:42 AM

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

is so much cleaner also

redwhiteandblue · 11-25-2010, 11:50 AM

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

nico-t · 11-25-2010, 12:05 PM

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 · 11-25-2010, 01:36 PM

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

not that hard...

brandonstills · 11-25-2010, 03:32 PM

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 · 11-25-2010, 03:46 PM

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

11-25-2010, 11:33 AM	#1
nico-t emperor of my world Join Date: Aug 2004 Location: nethalands Posts: 29,903	CSS class cannot unbold a link. 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?

11-25-2010, 11:50 AM	#4
redwhiteandblue Bollocks Industry Role: Join Date: Jun 2007 Location: Bollocks Posts: 2,792	What browser? Looked at it in Firebug to see what its properties actually are? Tried setting it in the link pseudo-classes? __________________ Interserver unmanaged AMD Ryzen servers from $73.00

11-25-2010, 01:36 PM	#6
pornpf69 Too lazy to set a custom title Join Date: Jun 2004 Location: Brasil Posts: 15,778	could have been easily solved by adding a small thing: !important; .small a { color: Blue; font-weight: normal !important; } not that hard... __________________ Do you need cheap, fast and reliable porn website hosting? Host Head is the way to go!! Asian Gay Special \| Live on MSN - Live Webcam Chat \| Live Adult Webcam Performances \| MY SWEET BLACKS LIVE ON CAM Cash X \| OK Pay \| Pukka Ropes \| Pukka Fetish \| STRAPED BLOG \| Male Bound and Fucked Pukka Tranny \| Tattooed Shemales \| She's A He \| Menu Porno \| Porn Performances \| All Chubby MY ICQ# 169833797

11-25-2010, 03:32 PM	#7
brandonstills Confirmed User Join Date: Dec 2007 Location: Chatsworth, CA Posts: 1,964	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. __________________ Brandon Stills Industry and programming veteran [email protected] \| skype: brandonstills \| ICQ #495-171-318

11-25-2010, 03:46 PM	#8
FlexxAeon Confirmed User Industry Role: Join Date: May 2003 Posts: 3,765	the sad part is that with all of these different solutions, no one is 'more correct' than another __________________ flexx [dot] aeon [at] gmail

11-25-2010, 11:36 AM	#2
MetaMan I AM WEB 2.0 Industry Role: Join Date: Jan 2003 Posts: 28,682	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.

11-25-2010, 11:42 AM	#3
MetaMan I AM WEB 2.0 Industry Role: Join Date: Jan 2003 Posts: 28,682	.small { font: normal 12px Arial, Helvetica, sans-serif; } is so much cleaner also

11-25-2010, 12:05 PM	#5
nico-t emperor of my world Join Date: Aug 2004 Location: nethalands Posts: 29,903	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.