使用CSS更改HTML列表边距

Question

我想减少子项目符号之间的边距大小。下面用红色标出一个例子。如何使用CSS实现此目的？

Answer 1

可以通过CSS完成：

ul li ul {margin-left: 10px;}

演示：Fiddle

Answer 2

有几种方法可以做到：

ul ul {margin-left: 10px;}

或

ul li ul {margin-left: 10px;}

或

ul ul li {margin-left: 10px;}

Answer 3

这些是列表的默认边距，最好，重置所有边距，然后根据需要设置：

div, li, ul, img, body, html {margin:0px;padding:0px;}

根据需要重置后设置：

li {margin-left:10px;}

这将适用于所有li元素，如果嵌套，下一个列表项也将比前一个10px。保证金是指元素与下一个元素之间的空间，所以如果你在li上设置一个余量，它将适用于每一个li，如果嵌套，它将看起来像一个楼梯，如果那就是你所追求的，如果你只想要第一级li的余量，但不是第二次添加这个：

li li {margin:0px;}