嵌套列表

你可以在一个列表中放入另一个列表。这称为嵌套列表。这对于创建层级结构很有用，例如大纲或多级菜单。 

要创建嵌套列表，只需将 <ul> 或 <ol> 元素放在另一个列表的 <li> 元素内。

下面是一个嵌套无序列表的示例：

<ul>
  <li>Item 1</li>
  <li>Item 2
    <ul>
      <li>Subitem 2.1</li>
      <li>Subitem 2.2</li>
    </ul>
  </li>
  <li>Item 3</li>
</ul>

第二个列表项包含一个有两个子项的嵌套列表。在浏览器中，它会显示为这样：

• 列表项 1
• 列表项 2
  • 子项 2.1
  • 子项 2.2
• 列表项 3

你也可以嵌套有序列表，或混合使用两种列表。