擺脫多餘的子彈嵌套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>