Emmet方法使用详情

深渊向深渊呼唤

示例:

div#box>p.title+ul.list>li.child$*3{我是第$个}^div#box2

或者

#box>p.title+(ul.list>li.child$*3)+#box2

Emmet方法使用详情

一、子节点(>),兄弟节点(+),上级节点(^)

div>ul>li^div (这里的^是接在li后面所以在li的上一级,与ul成了兄弟关系,当然两个^^就是上上级)

<div>
   <ul>
     <li></li>
   </ul>
   <div></div>
 </div>

二、重复(*)

用“$”符号实现1到n的自动编号(“*”实现多个元素)

三、 分组 ()

四、隐式标签

五、css缩写

六、属性([attr])

参考:

https://blog.csdn.net/fghsfeyhdf/article/details/78069259

https://www.cnblogs.com/dirgo/p/10239161.html

https://blog.csdn.net/qq_33744228/article/details/80910377#commentBox

栏目