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

Less-loops循环

时间:2017-01-19 19:29:03      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:test   htm   文章   html   href   位置   output   color   条件   

//循环
example:
.test(@i) when (@i > 0) {
  .test((@i - 1));  
  .study@{i} {
      width: (10px * @i); 
  } 
}
div{
    .test(2);
}

//output css
div .study1 {
  width: 10px;
}
div .study2 {
  width: 20px;
}

grammer:
.loopsName(value) when (循环条件){
    .loopsName(循环方式)
    .loopConent{/*  */}
}

作者:leona

原文链接:http://www.cnblogs.com/leona-d/p/6307644.html

版权声明:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接

Less-loops循环

标签:test   htm   文章   html   href   位置   output   color   条件   

原文地址:http://www.cnblogs.com/leona-d/p/6307644.html

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