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 中