Html li-type-won'；t显示

我有以下css：

ul {
padding:0;
margin:0;
}
li {
padding:0;
margin:0;
list-style:none;
}
ul.square li {
padding-left:20px;
list-style:square;
}

以及以下Html结构：

<ul class="square">
<li>blah blah blah</li>
</ul>

废话废话

---

列表中没有空格和前导方框。如何解决此问题？

给你！只需使用边距，而不是填充–>

---

这只适用于

ol

（使用

ul

进行了尝试，但不起作用）。无法使用此处或其他地方提供的任何解决方案使正方形与

ul

一起工作。但至少这个解决方案增加了边距/缩进。谢谢你的帮助

在CSS中：

ul {
padding:0;
margin:0;
}
li {
padding:0;
margin:0;
list-style:none;
}
ol.margin {
padding:0;
margin: 0; /* reset the margin */
margin-left:20px; /* then add yours */
}

然后在HTML文档中

<ol id="margin">
<li>blah</li>
</ol>

废话

让

列表样式为方形在
ul
上，使用
左边距
而不是
左边填充
还要注意的是
列表样式
是一个缩写，我不希望它出现在每个列表上，仅此一个。因此，我试图在CSS中创建一个单独的ul.square分组。请参阅我的初始编码。如果我把它放在ul上，它将影响这个非常大的网站上的每个列表。我试过ul.square、ul.square等。无论是正方形还是左边的填充/边距都不会显示“如果我把它放在ul上，它将影响每个列表”–不，它不会–因为您当然保留了类选择器。我不希望它出现在每个列表上，只是这一个。因此，我试图在CSS中创建一个单独的ul.square分组。请参阅我的初始编码。如果我把它放在ul上，它将影响这个非常大的网站上的每个列表。我试过ul.square、ul.square等。无论是正方形还是左边的填充/边距都不显示。嘿@Frank，它应该与
ul.square
一起工作，再次查看演示。是的，我同意，并且可以确认Isaac在这里使用的是最好和最简单的方法。我希望它能这样做。我一字不差地复制了他的解决方案，并将其与：
诸如此类的内容一起使用，但它没有得到填充或正方形。我在stackoverflow的其他地方读到他们有同样的问题。它和ul设置冲突，即使ul.square应该覆盖这些设置。没有。我希望有人能找到解决办法。用ol代替ul，用id=square代替class=square，我可以让边距发挥作用。当然，它在
ul
元素中也能很好地工作——你只需要正确地做就行了（首先要注意@Krii关于
列表样式
是一种速记的评论。它使
列表样式位置
在

之外取默认值

——这与您想要的边距/填充组合不起作用。
<ol id="margin">
<li>blah</li>
</ol>