首页 > 其他 > 详细

ZenCoding Syntax

时间:2014-10-27 14:24:38      阅读:138      评论:0      收藏:0      [点我收藏+]

语法:

后代:>

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

ZenCoding Syntax

原文:http://blog.csdn.net/linsheng9731/article/details/40506085

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!