码迷,mamicode.com
首页 > 其他好文 > 详细

ZenCoding Syntax

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

标签:web开发   前端   

语法:

后代:>

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

标签:web开发   前端   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!