[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