你的位置:首页 > 网页设计

[网页设计]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