首页 > 其他 > 详细

less

时间:2016-11-21 20:07:23      阅读:174      评论:0      收藏:0      [点我收藏+]
  • 编译器koala
  • 注释
    • /**/
    • //
  • 变量:
    • @variable_width:500px;
  • 混合(mixin)
    • .border{
          border:1px solid red;
      }
      .box{
          .border;
          width:150px;
          height:150px;
          background: blue;
      }
      .border_02(@border_width){
          border:solid #fff @border_width;
      }
      .test_hunhe{
          .border_02(30px);
      }
      .border_03(@border_width:10px){
          border:solid #fff @border_width;
      }
      .test_hunhe_03{
          .border_03();//.border_03(50px);
      }
      .border_radius(@border_radius){
          -webkit-border-radius:@border_radius;
          -moz-border-radius:@border_radius;
          border-radius:@border_radius;
      }
      
      .radius_test{
          .border_radius(20px);
          width:40px;
          height:40px;
          background:green;
      }
  • 匹配模式
    • 相当于js中的if

less

原文:http://www.cnblogs.com/yuxinpeng/p/6086392.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!