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/