Emmet语法规则

1：html初始结构

！=> 快捷键

2：id（#）,class（.）

div#test     div.test     

3：子节点（>），兄弟节点（+），上级节点（^）

div>ul>li>p     div+ul+p     div>ul>li^div

4：重复（）

div5（号后面添加数字表示重复的元素个数）

5：分组（()）

div>(ul>li>a)+div>p

6：属性（[attr]）

a[href=’###’ name=‘xiaoA’]     ul>li.test$3

7：文本（{}）

ul>li.test$3{测试$}

8：隐式标签：li  tr  td   option

ul>.test$3        >.test$5

打赏

感谢支持与鼓励～