摆脱多余的子弹嵌套uls

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> 

我的问题是在铬第二（避风港”对其他浏览器进行测试）在更深的子弹之前呈现子弹（在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>