LESS中可以进行加、减、乘、除等操作,还可以做属性值和颜色的运算。
LESS运算示例
// 单位会自动统一 @conversion-1: 5cm + 20mm; // 结果为7cm @conversion-2: 6 - 7cm - 5mm; // 结果为-1.5cm // 不同类型的单位是无法统一的,得到的结果也是没有意义的 @incompatible-units: 2 + 5px - 3cm; // 结果为px // 变量的运算 @base: 5%; @opacity: @base * 2; // 结果为10% @other: @base + @opacity; // 结果为15% // 当运算单位存在冲突时,以第一次出现的单位为准 @sp: 2cm * 2mm; // 结果为4cm
LESS中关于颜色的运算
@color: #224466 / 2; //结果为#112233 background-color: #112266 + #111; // 结果为#223377
calc()不属于LESS中的运算,calc()是属于CSS3标准中的运算表达式。