如何快速在sublime编辑器中写标签
2014-04-15 20:33 cherish金 阅读(2227) 评论(3) 编辑 收藏 举报 规则:E:表示标签,元素名称,比如(div,p,ul等等);
1、E#id:使用id的元素,(div#header,img#logo,p#intro);
2、E.class:使用类的元素,(div.header,p.clumn.width);
3、E>N:子代元素,(div>p,div#footer>p>span);
4、E+N:兄弟元素(h1+p,div#header+div#content+div#footer);
5、E*N:元素倍增(ul#nav>li*5>a);
6、E$*N:条目编号(ul#nav>li.item_$*5);
注意:也可以用括号;
下面看一些例子:
1、![]()
![](http://images0.cnblogs.com/i/594202/201404/152029496508620.png)
2、
![](http://images0.cnblogs.com/i/594202/201404/152030039945639.png)
3、
![](http://images0.cnblogs.com/i/594202/201404/152030169475415.png)
4、
![](http://images0.cnblogs.com/i/594202/201404/152030296351206.png)
5、
![](http://images0.cnblogs.com/i/594202/201404/152030453698765.png)
6、
![](http://images0.cnblogs.com/i/594202/201404/152031008383340.png)
7、
![](http://images0.cnblogs.com/i/594202/201404/152031128859259.png)
8、
![](http://images0.cnblogs.com/i/594202/201404/152031264005463.png)
9、
![](http://images0.cnblogs.com/i/594202/201404/152031401508595.png)
10、
![](http://images0.cnblogs.com/i/594202/201404/152031557134142.png)