Zen Coding 缩写展开

支持的属性和操作符的列表：
E
元素名称(div, p);
E#id
使用id的元素(div#content, p#intro, span#error);
E.class
使用类的元素(div.header, p.error.critial). 你也可以联合使用class和idID: div#content.column.width;
E>N
子代元素(div>p, div#footer>p>span);
E+N
兄弟元素(h1+p, div#header+div#content+div#footer);
E*N
元素倍增(ul#nav>li*5>a);
E$*N
条目编号 (ul#nav>li.item-$*5);

div>div#page>p.title+p|c

生成的代码如下：

        <div>
        	<!-- #page -->
        	<div id="page">
        		<!-- .title -->
        		<p class="title"></p>
        		<!-- /.title -->
        		<p></p>
        	</div>
        	<!-- /#page -->
        </div>