手机版 | 登陆 | 注册 | 投稿 | 反馈留言 | 设首页 | 加收藏
网站首页 > 开发工具 > sublime text >Emmet使用示例---自增符号

Emmet使用示例---自增符号

时间:2019-03-16    点击: 次    发布者:佚名 - 小 + 大

自增符号:$
缩写:ul>li.item$*5


  1. <ul>  
  2.     <li class="item1"></li>  
  3.     <li class="item2"></li>  
  4.     <li class="item3"></li>  
  5.     <li class="item4"></li>  
  6.     <li class="item5"></li>  
  7. </ul>  


缩写:h$[title=item$]{Header $}*3


  1. <h1  
  2. title="item1">Header  
  3.  1</h1>  
  4.   
  5.   
  6. <h2  
  7. title="item2">Header  
  8.  2</h2>  
  9.   
  10.   
  11. <h3  
  12. title="item3">Header  
  13.  3</h3>  



缩写:ul>li.item$$$*5


  1. <ul>  
  2.     <li class="item001"></li>  
  3.     <li class="item002"></li>  
  4.     <li class="item003"></li>  
  5.     <li class="item004"></li>  
  6.     <li class="item005"></li>  
  7. </ul>



缩写:ul>li.item$@-*5

  1. <ul>  
  2.   
  3.   
  4.     <li  
  5. class="item5"></li>  
  6.   
  7.   
  8.     <li  
  9. class="item4"></li>  
  10.   
  11.   
  12.     <li  
  13. class="item3"></li>  
  14.   
  15.   
  16.     <li  
  17. class="item2"></li>  
  18.   
  19.   
  20.     <li  
  21. class="item1"></li>  
  22.   
  23.   
  24. </ul>  


缩写:ul>li.item$@3*5

  1. <ul>  
  2.     <li class="item3"></li>  
  3.     <li class="item4"></li>  
  4.     <li class="item5"></li>  
  5.     <li class="item6"></li>  
  6.     <li class="item7"></li>  
  7. </ul>  


上一篇:Emmet使用示例---乘法

下一篇:IEmmet使用示例---ID和类属性



Copyright © 2019 天人系列管理系统 版权所有,授权www.rjc.wang使用  Powered by 55TR.COM 运行代码测试页
锐教程网站www.rjc.wang由天天科技荣誉出品