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

Question

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

<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属性和填充值。