6.Less运算（operations）

6.运算（operations）

1.运算说明

任何数值，颜色和变量都可以进行运算。

2.数值型运算

         ①说明：less会为你自动推断数值的单位，所以你不必在每一个值都加上单位。

         ②注意：运算符与值之间必须以空格分开，涉及优先级时以0进行优先级运算。

 ③实例：

Less运算：

.wp{

        width:450px+450;

}

运算结果:

.wp{

        width:900px

}

3.颜色值运算

         ①less在运算时，先将颜色值转换为rgb模式，然后在转换为16进制的颜色值并返回。

         ②实例：

less运算：

.content{

        background:#000000+21;

}

翻译结果：

.content{

        background:#212121

}

③注意：既然是转换为rgb模式，我们知道rgb的取值范围是0-255，所以我们计算的时候不能超过这个区间，超过后默认使用最大值255计算。