Question

在ul中，唯一有效的元素是li s。要将另一个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>

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

1 个答案: