埃米特擴張不對齊/縮進如我所料

Question

<div id="main"> 
    <div id="nav"> 
     <ul> 
      <li>My Web Host</li> 
     </ul> 
    </div> 
</div> 

和它的好。

如果我展開此：

#main>#nav>ul>li>{My Web Host}>ul>li> 

我得到這個：

<div id="main"> 
    <div id="nav"> 
     <ul> 
      <li>My Web Host 
       <ul> 
        <li></li> 
       </ul></li> 
     </ul> 
    </div> 
</div> 

雖然第一次李的結束標記是最後的UL我希望這將是下一行後在它的開始標記下對齊。

Answer 1

此縮寫在{My Web Host}>ul上不正確：您試圖將塊元素（ul）置於隱式內聯元素（{My Web Host}）內。在這種情況下，您必須在文本節點之後放置ul。使用+運算符。

正確的縮寫是 #main>#nav>ul>li>{My Web Host}+ul>li