Less 运算篇

Less 运算篇

Less 运算:在Less中,任何数字、颜色、变量都可以参与运算

@a:20;
@b:@a+4;
@c:@a+@b;
@d:(@a+3)*2;  // 使用小括号可以改变运算优先级
@color:#666/2;
@bgColor:@color+#222;

.less{

    // 此处用到的 unit() 为Less的单位函数,作用是改变或移除函数,详细用法查看《Less 函数篇》

    font-size:unit(@b,px);  // 24px
    font-size:unit(@c,px);  // 44px
    font-size:unit(@d,px);  // 46px

    color:@color;  // #333

    border:unit(@a/4+3,px) solid #ccc;  // 8px solid #ccc

    background-color:@bgColor;  // #555
}

上一篇:从word中复制图片到网页编辑器中


下一篇:simpy仿真JS-AGV联合调度(考虑AGV运输时间的作业车间调度)小实验(一:演示框架)