css - 改变列表点之间的间距？

Question

我正在尝试更改子列表点之间的间距。我有两个这样编码的列表

<ul>
  <li></li>
    <ul>
      <li></li>
    </ul>
</ul>

列表和它的子列表的点之间的空间很大，类似于这个:

*
     *

但我希望点像这样靠近

*
  *

我尝试更改缩进间距，但没有效果。想知道执行此操作的正确代码是什么。

Answer 1

要控制 li 元素之间的垂直间距，请在 CSS 中调整它们的顶部和底部边距。

/* Example */
li { margin: 10px 0; }

要控制嵌套子列表的间距，请调整嵌套 ul 元素的左内边距，浏览器通常默认为 40px。

/* Example */
ul ul { padding-left: 20px; } /* Cut normal width in half */

参见 fiddle