css中嵌套列表的间距

在CSS中，我们会经常用到列表，而在列表中，我们可能会使用嵌套来更好地组织内容。但如果不注意设置间距，嵌套的列表可能会显得非常凌乱。
在CSS中，我们可以通过设置margin或padding来控制列表中嵌套元素的间距。其中，margin用于控制元素之间的距离，padding则用于控制元素内部的距离。
以下是一个示例代码，其中包含了一个嵌套的列表：

<ul id="outer-list">
  <li>外层列表项1
    <ul class="inner-list">
      <li>内层列表项1</li>
      <li>内层列表项2</li>
    </ul>
  </li>
  <li>外层列表项2</li>
</ul> 

我们可以通过以下的CSS代码设置内外层列表项之间的间距：

#outer-list li {
  margin-bottom: 10px;
}
.inner-list li {
  margin-bottom: 5px;
} 

上述代码中，#outer-list li选择器表示所有外层列表项，设置margin-bottom为10px，即每个外层列表项之间的间距为10px。.inner-list li选择器表示所有内层列表项，设置margin-bottom为5px，即每个内层列表项之间的间距为5px。
通过设置间距，我们可以让嵌套的列表更加清晰明了，给用户带来更好的阅读体验。