zencoding 语法入门

（后代：>） （兄弟：+） （上级：^）

div+div>p>span+em^bq
<div></div>
<div>
    <p><span></span><em></em></p>
    <blockquote></blockquote>
</div>

（分组：()） （乘法：*） （自增符号：$） （自减符号：$@-）（从指定数自增：$@n）

div>(content>ul>li.item$*5)+footer>p
<div>
    <content>
        <ul>
            <li class="item1"></li>
            <li class="item2"></li>
            <li class="item3"></li>
            <li class="item4"></li>
            <li class="item5"></li>
        </ul>
    </content>
    <footer>
        <p></p>
    </footer>
</div>

（id：#idName） （类：.className） （自定义属性：[attrName="attrValue"]） （文本：{}）

div#header>div.title.title1>p[title="hello world"]>a{Click me}
<div id="header">
    <div class="title title1">
        <p title="hello world">
            <a href="">Click me</a>
        </p>
    </div>
</div>