Emmet (Zen Coding) HTML基本语法

1. 嵌套操作---------- 子操作： > div>ul>li

 

并列：+ div+ul>li

 

上级：^ ul>li^div

 

ul>li>a^^div 上级多层

 

重复：* ul>li*3 分组：() div>(p>span)*2

 

2. 属性操作---------- id和类 div#header+div.main+div#footer

 

 

 

属性值 a[title=test target=_self] 数列值：$ p.item$*3

p.item$$*3

数列操作符：@ p.item$@-*3 @- = -1

p.item$@3*3 @3 = 从3开始3次

p.item$@-3*3 @-3 = 3次后到3结束

3. 字符操作---------- 字符操作：{} a{click} click a>{click}+span{me} clickme 4. 缺省元素---------- .header+.footer --------------- div.header+div.footer ul>.item*3 -------------- ul>li.item*3 table>.row*4>.cell*3 -------------- table>tr.row*4>td.cell*3

转自  http://www.oschina.net/code/snippet_66036_18625