[EMAIL PROTECTED] wrote: > I have a div which has some links in it > > #right { > <snip> > } > > #right a{ > color:#A90E2D; > text-decoration:none; > > } > > inside this div I have a class set up > > <div class="blank_button"><a href="javascript: history.go(-1);">Back</a> > </div> > > with the following css... > > .blank_button { > <snip> > } > > .blank_button a{ > color:#FFFFFF; > font-size:36px; > > } > > > The problem is it inherits the colour from the parent div (right) and I need > it to be white. An explanation would be lovely!! >
"#right a" is more specific than ".blank_button a". You need to make the second rule more specific for it to take precedence. How you do that depends on your markup, which I can't see, so I can't tell you anything concrete. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/