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计算。