Emmet语法规则
id指令:# ; class指令:. div#test <div id="test"></div> div.test <div class="test"></div> 子节点指令:> ; 兄弟节点指令:+ ; 上级节点:^ 重复(*) 分组() div>(ul>li>a)+div>p*3 <div> <ul> <li><a href=""></a></li> </ul> <div> <p></p> <p></p> <p></p> </div> </div> 属性指令:[] a[href=’###’ name=‘xiaoA’] (中括号内填写属性键值对的形式,并且空格隔开) <a href="###" name="xiaoA"></a> ul>li.test$*3 ($代表一位数,后面更上*数字就代表从1递增到填写的数字) 如果想自定义从几开始递增的话就利用:$@+数字数字 例如:ul>li.test$@33 文本指令:{} ul>li.test$*3{测试$$} 或者 ul>li.test${测试$$}*3({里面填写内容,可以和$一起组合使用}) <ul> <li class="test1">测试01</li> <li class="test2">测试02</li> <li class="test3">测试03</li> </ul> 隐式标签没有指令,而是部分标签可以不使用输入标签,直接输入指令,即可识别父类标签。 例如:ul>.test$*3 li:用于 ul 和 ol 中 tr:用于 table、tbody、thead 和 tfoot 中 td:用于 tr 中 option:用于 select 和 optgroup 中