On Jun 8, 2006, at 2:37 PM, Scott Haneda wrote:

>> Since you're not giving the actual context of the snippet, I can
>> only guess:
>> You probably have set a colour for ul#navlist a, and to override
>> it with just a class, you'd have to add the parent's selector
>> too. IOW, the following will probably work:
>> #navlist a.selected {
>>     color: red;
>>     font-weight: bold;
>> }
>>
>> If not, provide a url so we can look at the rest of the code.
>
> I fixed the | as per the other email, tried your suggestion, did  
> not work:
> http://cbi.newgeo.com/why/index.ws
> http://cbi.newgeo.com/css/main.css

You have this in your CSS file:


#navlist a:link, #navlist a:visited {
        color: #000;
        text-decoration: none;
}


#navlist a:link has the same specificity as #navlist a.selected. The  
second style listed will win, so the link is black for the .selected  
link. Try reversing the order of the styles in your style sheet:

#navlist a:link, #navlist a:visited {
        color: #000;
        text-decoration: none;
}
#navlist a.selected {
        color: red;
        border: 1px solid red;
        
}

--dave mcfarland


______________________________________________________________________
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