ZenCoding Syntax

语法:

后代：>

缩写：nav>ul>li

兄弟：+

缩写：div+p+bq

上级：^

缩写：div+div>p>span+em^bq

缩写：div+div>p>span+em^^bq

分组：()

缩写：div>(header>ul>li*2>a)+footer>p

缩写：(div>dl>(dt+dd)*3)+footer>p

乘法：*

缩写：ul>li*5

自增符号：$

缩写：ul>li.item$*5

缩写：h$[title=item$]{Header $}*3

缩写：ul>li.item$$$*5

缩写：ul>li.item$@-*5

缩写：ul>li.item$@3*5

ID和类属性

缩写：#header

缩写：.title

缩写：form#search.wide

缩写：p.class1.class2.class3

自己定义属性

缩写：p[title="Hello world"]

缩写：td[rowspan=2 colspan=3 title]

缩写：[a='value1' b="value2"]

文本：{}

缩写：a{Click me}

缩写：p>{Click }+a{here}+{ to continue}

隐式标签

缩写：.class

缩写：em>.class

缩写：ul>.class

缩写：table>.row>.col