emmt语法

Emmet快速语法

一、基本语法

书写语法：缩写 + Tab

1.1 后代：>

• 缩写

nav>ul>li

• 展开输出

<nav>
    <ul>
        <li></li>
    </ul>
</nav>

2.2 兄弟：+

• 缩写

div+p+bq

• 展开输出

<div></div>
<p></p>
<blockquote></blockquote>

2.3 上级：^

1. 缩写

div+div>p>span+em^bq

• 展开输出

<div></div>
<div>
    <p><span></span><em></em></p>
    <blockquote></blockquote>
</div>

2. 缩写

div+div>p>span+em^^bq

• 展开输出

<div></div>
<div>
    <p><span></span><em></em></p>
</div>
<blockquote></blockquote>

2.4 分组：()

1. 缩写

div>(header>ul>li*2>a)+footer>p

• 展开输出

<div>
    <header>
        <ul>
            <li><a href=""></a>