【问题标题】：Emmet code structure for large one line code大一行代码的Emmet代码结构
【发布时间】：2014-10-01 14:35:28
【问题描述】：

如何让 Emmet 编码从这段代码中获取 html 结构：

.header>.logo+.lang.+.menu+.container+.row>+.col-md-6+.col-md-6

我需要在header 元素之外获取container 元素。

【问题讨论】：

标签： emmet

【解决方案1】：

使用分组或向上的语法

分组：()

(.header>.logo+.lang.+.menu)+.container+.row>+.col-md-6+.col-md-6

爬升：^

.header>.logo+.lang.+.menu^.container+.row>+.col-md-6+.col-md-6

<div class="header">
    <div class="logo"></div>
    <div class="lang "></div>
    <div class="menu"></div>
</div>
<div class="container"></div>
<div class="row">
    <div class="col-md-6"></div>
    <div class="col-md-6"></div>
</div>

见Emmet Documentation: Abbreviation Syntax

编辑： 已更新答案以包含爬升语法替代

【讨论】：

或^^^.header>.logo+.lang.+.menu^^^.container+.row>+.col-md-6+.col-md-6.docs.emmet.io/abbreviations/syntax
^ 将带您上一层楼，因此在您的情况下，您只需要一个^：.header>.logo+.lang.+.menu^.container+.row>+.col-md-6+.col-md-6 我会将其添加到我的答案中作为替代方法。