Emmet插件基础

1、生成后代元素：>      大于号表示后面要生成的内容是当前标签的后代

命令：nav>ul>li 

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

2、生成兄弟元素：+     加号表示后面的元素和前面的元素是兄弟元素

命令：div+p+bq  

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

3、生成上级元素：^   表示^后面的元素与^前面的元素的父元素是平级，即兄弟元素。一个^表示提升一个层级，两个提升两级

命令：div+div>p>span+em^bq 

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

4、生成类名： .    Emmet 默认的标签为 div ，如果我们不给出标签名称的话，默认就生成 div 标签。Emmet会根据父标签进行判定。比如在<ul>中输入.item，就会生成<li class="item"></li>。 

命令：.container 得到代码如下：

<div class="container"></div>