學(xué)習(xí)筆記，僅供參考，有錯(cuò)必糾

---

sublime快捷操作emmet語(yǔ)法

• 快速生成標(biāo)簽

直接輸入標(biāo)簽名按tab鍵即可，比如：

#鍵入 div 加 Tab#生成 <div></div>

• 生成多個(gè)相同標(biāo)簽

在標(biāo)簽后添加星號(hào)*和數(shù)字，按tab鍵即可，比如：

#鍵入 div*3 加 Tab#生成 <div></div> <div></div> <div></div>

• 生成父子級(jí)關(guān)系的標(biāo)簽

在父標(biāo)簽后鍵入小于號(hào)>再加子標(biāo)簽，按tab鍵即可，比如：

#鍵入 ul>li 加 Tab#生成 <ul><li></li> </ul>

• 生成兄弟關(guān)系的標(biāo)簽

標(biāo)簽1后鍵入加號(hào)+再加上標(biāo)簽2，按tab鍵即可，比如：

#鍵入 div+p 加 Tab#生成 <div></div> <p></p>

• 生成帶有類名或者id名字的標(biāo)簽

#鍵入 .demo 加 Tab #生成 <div class="demo"></div>#鍵入 #one 加 Tab #生成 <div id="one"></div>#鍵入 ul>.class 加 Tab #生成 <ul><li class></li> </ul>

• 生成類名有順序的標(biāo)簽

如果想要生成的div類名是有順序的， 可以用自增符號(hào) $ ，比如：

#鍵入 .demo$*3 加 Tab#生成 <div class="demo1"></div> <div class="demo2"></div> <div class="demo3"></div>

• 括號(hào)增加生成標(biāo)簽的優(yōu)先級(jí)

#鍵入 (ul>li*3)+p 加 Tab#生成 <ul><li></li><li></li><li></li> </ul> <p></p>

• 一個(gè)標(biāo)簽創(chuàng)建多個(gè)class

#鍵入 div.demo1.demo2.demo3 加 Tab#生成 <div class="demo1 demo2 demo3"></div>

• 個(gè)標(biāo)簽同時(shí)創(chuàng)建class和id

#鍵入 div.demo1#two 加 Tab#生成 <div class="demo1" id="two"></div>

• 自定義屬性內(nèi)容

#鍵入 ul>li*2>a[href="#"] 加 Tab#生成 <ul><li><a href="#"></a></li><li><a href="#"></a></li> </ul>

• 文本內(nèi)容填充

#鍵入 a[href="#"]{我是a標(biāo)簽} 加 Tab #生成 <a href="#">我是a標(biāo)簽</a>#鍵入 ul>li{第$$條}*3 加 Tab 生成 <ul><li>第01條</li><li>第02條</li><li>第03條</li> </ul>

總結(jié)

以上是生活随笔為你收集整理的sublime快捷操作emmet语法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。