zen編碼/ emmet用於寫入下面的html的最短語法是什麼？

Question

zen編碼/ emmet用於寫入html之後的最短語法是什麼？

<div id="main-wrapper"> 
    <div id="left"> 
     <div class="inner-wrapper"> 
      <div class="wrapper"></div> 
     </div> 
    </div> 
    <div id="right"> 
     <div class="inner-wrapper"> 
      <div class="wrapper"></div> 
     </div> 
    </div> 
</div> 

我使用以下。

div#main-wrapper>(div#left>div.inner-wrapper>div.wrapper)+(div#right>div.inner-wrapper>div.wrapper) 

我得到的結果，但我要重複兩列同內的內容。有沒有更好的方法？

Answer 1

您可以跳過div：

#main-wrapper>(#left>.inner-wrapper>.wrapper)+(#right>.inner-wrapper>.wrapper) 

或者，你可以寫

#main-wrapper>#*2>.inner-wrapper>.wrapper 

...然後用Tab鍵遍歷（如果你的編輯器支持製表位），或使用Go to Edit Point動作來移動生成空的id屬性和填充值。