ZenCoding Syntax

时间:2021-10-27 06:33:30

语法:

后代:>

缩写: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