为嵌套的uls删除额外的子弹

Question

在uls中,唯一有效的元素是lis.把另一个ul放在里面ul我必须把它包装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>