> On Behalf Of JS Bracher
> #every_page li a {
> display: block;
> height: 1em;
> padding: .6em;
> font-size: small;
> text-decoration: none;
> color: #999;
> background-color: #4F1111;
> }
>
> #every_page li a:hover {
> background-color: #999;
> color: #000;
> }
>
> This works just fine.
>
> So in the internal style sheet, I do this:
>
> <style type="text/css">
> #index, index:hover { color: #4F1111; background: #003173; cursor:
> default;}
> </style>
>
>
> The relevant xhtml:
>
> <li><a id="index" href="index.shtml" title="Go Home">Home</a></li>
>
> I get the cursor change, but not the color change.
>
> When I load the page, the link style for the link to this page is the
> same as the others, except that the cursor is changed from a link
> pointer to the default pointer. So I know the style is being applied,
> it's just not over-riding the style from the external style sheet.
>
> Do I have precedence wrong?
I'd say "specificity", try this:
#every_page li #index,
#every_page li #index:hover { color: #4F1111; background: #003173;
cursor:default;}
---
Regards,
Thierry | www.TJKDesign.com
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
