[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/

Reply via email to