Emmet 8种语法

1.标签与内容
{默认标签div}

2.属性
[id]
.

<div class="title"><title></title></div>
<div class=""></div>
<div id=""></div>

3.重复
*
<div class="container">box</div>
<div class="container">box</div>
<div class="container">box</div>
<div class=""></div>
<div class=""></div>
<div class=""></div>
4.父子
>

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

5.兄弟
+

<h3></h3>
<p></p>

6.父级
^
<div class=""></div>
<h3></h3>

<div class="box"><span>text</span></div>
<h3></h3>

7.分组
（）
<nav>
<h3>导航</h3>
<ul>
<li><a href="">link</a></li>
<li><a href="">link</a></li>
<li><a href="">link</a></li>
<li><a href="">link</a></li>
<li><a href="">link</a></li>
</ul>
</nav>

8.序号
默认起始1$,
自定义起始$@,
逆序自定义$@-

<ul>
<li>item1</li>
</ul>
<ul>
<li>item5</li>
<li>item6</li>
<li>item7</li>
<li>item8</li>
</ul>
<ul>
<li>item5</li>
<li>item4</li>
<li>item3</li>
</ul>