html快速简写（emmet写法）

Emmet—写HTML/CSS快到飞起
Emmet使用详解

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

等效于

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

‘’>‘’代表一个层级,为了区分ul>li>a和第一个div的层级所以加括号，而后面div>p不会与第一个div的层级产生混淆所以不加括号（当两个元素并列时而前面哪个元素又带有子元素就要将前面那个元素括起来）