I have the following code to add a small graphic after an external link (in
compliant browsers):

a[href^="http://www.";] {
    padding-right: 16px; 
    background: url("icn_externallink.png") no-repeat center right;
}

Works fine.

However, I have a div named "topnav" on each page that contains a list of
external links styled to look like buttons. I have one external link in that
nav list. I do NOT want the graphic to appear after it.

How would I negate the above rule so that it does not apply to that link in
the topnav div?

Or should I add more specificity to the above rule so that it only applies
to the areas of content that need it?

Regards,
Ron
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to