大一行代码的Emmet代码结构

时间:2014-10-01 14:35:29

标签: emmet

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

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

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

1 个答案:

答案 0 :(得分: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

编辑: 答案已更新,包括爬上语法替代