编写以下 html 的 zen coding/emmet 的最短语法是什么？答案

【问题标题】：What is the shortest syntax of zen coding/ emmet for writing following html?编写以下 html 的 zen coding/emmet 的最短语法是什么？
【发布时间】：2013-05-12 10:58:33
【问题描述】：

zen coding/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)

我得到了结果，但我必须在两列中重复相同的内部内容。有没有更好的办法？

【问题讨论】：

标签： emmet

【解决方案1】：

你可以跳过div:

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

或者，你可以写

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

...然后使用 Tab 键遍历（如果您的编辑器支持制表位）或使用 Go to Edit Point 操作移动到生成的空 id 属性并填充值。

【讨论】：