编写html时，你有没有用过Emmet插件呢？说说它的优点及规则有哪些？

编写html时，你有没有用过Emmet插件呢？说说它的优点及规则有哪些？

用过，vspre编辑器自带支持Emmet语法；
它可以帮助快速编写HTML代码，减少复制粘贴的 *** 作；
常见规则：

1. > 插入子元素；

ul>li>a

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

2. + 生成兄弟元素；

div+p+section

<div></div><p></p><section></section>

3. * 生成多个相同元素

ul>li *3

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

4. # 和 . 分别生成带id和class的元素

div#submit+div.btn+div#submit.btn

<div id="submit"></div><div ></div><div id="submit" ></div>

我常用的就这几个，更多语法参见Emmet文档