Emmet syntax

>（子代）和+（兄弟）

<!--div>ul>li-->
<div>
  <ul>
    <li></li>
  </ul>
</div>

<!--div+div>p>span+i-->
<div></div>
<div>
  <p><span></span><i></i></p>
</div>

*（多个）和^（上一级）

<!--ul>li*5-->
<ul>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

<!--div+div>span^^h1-->
<div></div>
<div><span></span></div>
<h1></h1>

()（分组）

<!--div>(header>ul>li*3)+footer-->
<div>
  <header>
    <ul>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </header>
  <footer></footer>
</div>

属性(id属性、class属性、普通属性) {}（内容）

<!--div#header+div#main>.container>a[href]-->
<div id="header"></div>
<div id="main">
  <div class="container"><a href=""></a></div>
</div>

<!--a[href="http://127.0.0.1"]{content}-->
<a href="http://127.0.0.1">content</a>

$（数字)

<!--ul>li.item$5{$}*5-->
<ul>
  <li class="item15">1</li>
  <li class="item25">2</li>
  <li class="item35">3</li>
  <li class="item45">4</li>
  <li class="item55">5</li>
</ul>