运算
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样式中的颜色就为:
.box_01{
width:320px;
color:#c2c2c2;
}
注意:在工作或做项目中,颜色的运算一般不常用,用哪个颜色直接写某个颜色就好了