html - 使用 CSS 更改 HTML 列表边距

Question

我想减少子项目符号之间的边距大小。下面用红色标记了一个示例。如何使用 CSS 完成此任务？

Answer 1

可以通过 CSS 完成：

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

演示：小提琴

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;}