phpstorm使用zen coding 快速编辑补全html/css代码
百科定义：
使用仿CSS选择器的语法来快速开发HTML和CSS ——由Sergey Chikuyonok开发。
Zen Coding由两个核心组件组成：一个缩写扩展器(缩写为像CSS一样的选择器)和上下文无关的HTML标签对匹配器。
类型列表
1、元素名称
2、元素#ID
3、元素.样式名
4、元素>子元素
5、元素+平级兄弟元素
6、元素*N批量倍增
7、元素$*N条目编号
如何使用？
输入规则后，在最后一个字符后面按tab键即可
元素名称
div
<div></div>
元素#ID
div#userList
<div ></div>
综合案例
div#container>div.left>ul>li#id$*5+div.right>div>h1.title+div.description+div.content>div.page>ul>li*5
结果：
<div >
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
</div>
</ul>
</div>
</div>