emmet 語法 html 標籤語法利器

Emmet語法


1.檢查編輯器是否支持 emmet 語法 沒有搜索相關插件

2.常見 emmet 語法組合

1.帶有層級結構的:ul>li
2.代碼在同級的:ul+li
3.帶有優先級的:(ul>li)+p
4.對比沒有優先級的:ul>li>label+input
5.乘號批量複製:ul>li*3
6.創建帶有指定class樣式的標籤:div.box
6.創建帶有指定class樣式的標籤:div#username
7.一個標籤創建多個class:div.box1.box2.box3
8.一個標籤同時創建class和id:div.box#box2
9.自定義屬性內容:ul>li>a[href='#']
10.也可以自定義屬性:ul>li>input[data-content='this_is_data_value']
11$符號自增  ul[v-for="item in list" key=$*list.length]>li
12 複合案例 ul>li[id='item$']{第$$$條數據}*10

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章