Nested list have double bullets. One for the li
and another for the child list.
<ul>
<li>item</li>
<li>item</li>
<li>
<ul>
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
</li>
</ul>
You can’t do this just in an external style sheet (as I presume you would want to). The reason is that there is no selector in CSS that would pick up those li
elements that have a ul
element as the first child. So your options are (apart from waiting indefinitely until CSS has a “parent selector”...):
class
to such li
elements and use a class selector. This is normally the preferred way.li
elements and handles them, e.g. adding a class to them.style
attribute in those li
elements.