Emmet syntax specification

Reference resources

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

grammar :

Progeny ：>

abbreviation ：nav>ul>li

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

Copy

---

brother ：+

abbreviation ：div+img+p

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

Copy

---

Multiplication ：*

abbreviation ：ul>li*5

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

Copy

---

Self increasing symbols ：$

abbreviation ：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>

Copy

ID And class properties

abbreviation ：#header

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

Copy

abbreviation ：.title

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

Copy

abbreviation ：p.class1.class2.class3

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

Copy

Text ：{}

abbreviation ：a{Click me}

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

Copy

abbreviation ：p>{Click }+a{here}+{ to continue}

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

Copy

abbreviation ：a

<a href=""></a>

Copy

abbreviation ：a:link

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

Copy

abbreviation ：a:mail

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

Copy

abbreviation ：link

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

Copy