Less学习笔记6：运算

运算
Less中的运算

任何数字，颜色或者变量都可以参与运算，运算应该被包裹在括号中
例如：+ - * /

例如：
新建一个变量

@test_01：300px;

在HTML 中，

<div class="box_01"></div>

.box_01{
    width:@test_01;
}

此时这个div的宽度就为：300px;

这个时候使用运算，使这个div的宽度为320px

即：

.box_01{
    width:@test_01 + 20;
}

这里的 增加的数值没有强制性的要求去增加单位。

此时这里完全按照四则运算规则

颜色也可以进行运算

例如：

.box_01{
    width:@test_01 + 20;
    color:#ccc - 10;
}

这个时候，编译出来的CSS样式中的颜色就为：

扫描二维码关注公众号，回复： 4404204 查看本文章

.box_01{
    width:320px;
    color:#c2c2c2;
}

注意：在工作或做项目中，颜色的运算一般不常用，用哪个颜色直接写某个颜色就好了