javascript - 如何避免/最小化列表中列表的缩进？

Question

我在另一个中有一个无序列表(ul)。缩进很大，我希望子列表没有缩进。

<ul>
    <li id="menu_home"><a href="./"><b>Home</b></a></li>
    <li id="menu_about"><a href="./?p=about"><b>About</b></a></li>
    <li id="menu_products">
        <a href="./?p=products">
            <b>Products</b>
        </a>
        <ul>
            <li>
                <a href="./?p=products#infiniSpam">infiniSpam</a>
            </li>
            <li>
                <a href="./?p=products#infiniNet">infiniNet</a>
            </li>
        </ul>
    </li>
</ul>

JsFiddle:http://jsfiddle.net/d8d7P/1/

谁能帮帮我？

Answer 1

你可以使用这个 CSS:

ul ul {
    padding:0;
}

jsFiddle example