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 中

 

posted @ 2020-04-09 19:57  洪豆豆的记录  阅读(178)  评论(0编辑  收藏  举报