less语法中是可以进行一些运算的
很简单,比如说定义一个变量宽度,可以使用加减乘除运算对他进行一些计算
直接举个栗子:
@width: 100px;
@height: 30px;
加入运算:
- less中可以直接给变量进行一些运算操作的,比如进行
+
-
*
/
操作等,你也可以使用()
小括号来添加一些更复杂的运算操作; - less中进行运算操作的时候,不强制你进行运算操作的值必须带单位,只要有一个有单位就可以了;
.box_demo {
width: @width +20;
height: (@height + 10) * 5;
}
编译结果:
.box_demo {
width: 120px;
height: 200px;
}
- 这样,进行加减乘除操作的时候会十分的方便;
- 当然你也可以设置其他,比如设置背景色,然后对其进行运算操作,它会先把颜色值进行一个转换,然后才进行操作,一般设置颜色不这么用;