學習筆記，僅供參考，有錯必糾

---

sublime快捷操作emmet語法

• 快速生成標簽

直接輸入標簽名按tab鍵即可，比如：

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

• 生成多個相同標簽

在標簽后添加星號*和數字，按tab鍵即可，比如：

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

• 生成父子級關系的標簽

在父標簽后鍵入小于號>再加子標簽，按tab鍵即可，比如：

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

• 生成兄弟關系的標簽

標簽1后鍵入加號+再加上標簽2，按tab鍵即可，比如：

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

• 生成帶有類名或者id名字的標簽

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

• 生成類名有順序的標簽

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

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

• 括號增加生成標簽的優先級

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

• 一個標簽創建多個class

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

• 個標簽同時創建class和id

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

• 自定義屬性內容

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

• 文本內容填充

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。