Emmet语法规则摘要

id指令: #

class指令: .

子节点指令:> 

兄弟节点指令:+ 

上级节点:^

重复指令：*

分组指令：()

括号里面的内容为一个代码块，表示与括号内部嵌套和外面的的层级无关,eg:

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

<div>
   <ul>
     <li><a href=""></a></li>
   </ul>
   <div>
     <p></p>
   </div>
 </div>

解释：这里如果不加括号的话，猜想下，a+div这样div就是和a是兄弟关系了，会包含在li里面

 <div>
   <ul>
     <li>
       <a href=""></a>
       <div>
         <p></p>
       </div>
     </li>
   </ul

属性指令：[]

a[href=’# name=‘xiaoA’]

编号指令：$

文本指令：{}

参考：

HTML速写之Emmet语法规则