zencoding 语法入门

作者: 幽涯 | 来源:发表于2017-08-26 15:28 被阅读0次

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

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>