[support] over-riding Garland's list item bullet points.
J-P Stacey
jp.stacey at torchbox.com
Mon Apr 16 10:05:13 UTC 2007
> <ul style="background-image:none;list-style-type:none;">
> <li style="background-image:none;list-style-type:none;">Apples</li>
> <li style="background-image:none;list-style-type:none;">Bananas</li>
> <li style="background-image:none;list-style-type:none;">Pears</li>
> </ul>
>
> and the white graphical discs remain steadfastly.
Not considering the inline/cacheing problem that seems to have been solved
elsewhere, I needed ID specifiers to get this to work:
#header #nav-primary li {
list-style-type: none;
background-image: none;
}
This is probably because the existing Garland CSS statement
ul li, ul.menu li, .item-list ul li, li.leaf {
background: transparent url(images/menu-leaf.gif)
no-repeat scroll 1px 0.35em;
/* ... */
}
typically has two tag specifiers and a classname specifier, so you need
either 2+ classnames or an ID to beat that.
<http://www.w3.org/TR/REC-CSS2/cascade.html#specificity> should help,
although it doesn't make any explicit statement on the super-specificity of
inline styles that I can see.
Cheers,
J-P
More information about the support
mailing list