html - 摆脱嵌套 uls 的额外项目符号

Question

在uls 中，唯一有效的元素是lis。要将另一个ul放入 aul我必须将其包装成li这样：

非法的：

<ul>
  <li>first outer item</li>
  <ul>
    <li>inner item 1</li>
    <li>inner item 2</li>
  </ul>
  <li>second outer item</li>
</ul>

合法的：

<ul>
  <li>First outer item</li>
  <li>
    <ul>
      <li>inner item 1</li>
      <li>inner item 2</li>
     </ul>
  </li>
  <li>Second outer item</li>
</ul>

我的问题是 chrome 中的第二个（尚未针对其他浏览器进行测试）在更深的项目符号之前呈现一个项目符号，如下所示（之前的两个项目符号inner item 1。）

• 第一个外部项目
• • 内部项目 1
  • 内部项目 2
• 第二个外部项目

我嵌套错了吗？我应该通过 CSS 解决这个问题吗？（如果是这样，请注意如何将不胜感激）

Answer 1

大概嵌套的项目与前一个项目有关。子列表应该进入该项目，而不是进入它自己的项目。

<ul>
  <li>First outer item <!-- No </li> -->
  <!-- No <li> -->
    <ul>
      <li>inner item 1</li>
      <li>inner item 2</li>
     </ul>
  </li> <!-- </li> for First outer item AND the list of inner items associated with it -->
  <li>Second outer item</li>
</ul>