ul嵌套列表的第一级没有边距？

Question

我想要一个样式列表,在第一级没有留下余量..但是后续的,水平的子列表..任何人都知道如何做到这一点？

<ul>
<li>no margin</li>
<li>
    <ul>
    <li>yes margin</li>
    </ul>
</li>
</ul>

(不将css类添加到第一级ul或更改任何代码)

Answer 1

如果您希望将此应用于应用<ul>样式表的每个页面上的所有s,则此方法有效:

ul {/* Remove margin for all <ul>s (and padding, because different browsers have different default styles) */
     margin-left: 0;
     padding-left: 0;
}

ul ul {/* Add a margin for any <ul> inside another <ul> */
    margin-left: 2em;
}

但是,如果您只想将其应用于某些列表,则需要在HTML中添加一些内容以标识这些列表(正如其他答案所建议的那样).

Answer 2

第一个 ul 是 body 的直系后代吗？我知道你说过不要在代码中添加 css 类，但我认为向样式表添加内容也不是问题？如果是这样，您可以使用如下样式声明：

body > ul{
 margin-left:0px;
}

或者如果你知道一个 div 它确实位于：

#your_id > ul{
margin-left:0px;
}

您可能还需要考虑默认填充。

谢谢