用于编写html后的zen编码/ emmet的最短语法是什么？

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