Emmet语法规范

参考
https://cloud.tencent.com/developer/article/1101642

语法:
后代：>
缩写：nav>ul>li

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

兄弟：+
缩写：div+img+p

<div></div>
<img src="" alt="">
<p></p>

乘法：*
缩写：ul>li*5

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

自增符号：$
缩写：ul>li.item$*5

<ul>
    <li class="item1"></li>
    <li class="item2"></li>
    <li class="item3"></li>
    <li class="item4"></li>
    <li class="item5"></li>
</ul>

ID和类属性
缩写：#header

<div id="header"></div>

缩写：.title

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

缩写：p.class1.class2.class3

<p class="class1 class2 class3"></p>

文本：{}
缩写：a

<a href="">Click me</a>

缩写：p>+a+

<p>Click <a href="">here</a> to continue</p>

缩写：a

<a href=""></a>

缩写：a:link

<a href="http://"></a>

缩写：a:mail

<a href="mailto:"></a>

缩写：link

<link rel="stylesheet" href="" />