操作

算术运算 +-*/ 可以对任何数字、颜色或变量进行运算。 如果可能,数学运算会考虑单位并在加、减或比较之前转换数字。 结果在最左边有明确说明的单位类型。 如果转换不可能或没有意义,则忽略单位。 不可能转换的例子: px 到 cm 或 rad 到 %。

// numbers are converted into the same units
@conversion-1: 5cm + 10mm; // result is 6cm
@conversion-2: 2 - 3cm - 5mm; // result is -1.5cm

// conversion is impossible
@incompatible-units: 2 + 5px - 3cm; // result is 4px

// example with variables
@base: 5%;
@filler: @base * 2; // result is 10%
@other: @base + @filler; // result is 15%

乘法和除法不转换数字。 在大多数情况下它没有意义 - 长度乘以长度得到一个区域,而 css 不支持指定区域。 Less 将按原样对数字进行运算,并将明确声明的单位类型分配给结果。

@base: 2cm * 3mm; // result is 6cm

你还可以对颜色进行算术运算:

@color: (#224488 / 2); // result is #112244
background-color: #112244 + #111; // result is #223355

但是,你可能会发现 Less 的 颜色函数 更有用。

从 4.0 开始,不会使用 / 运算符在括号外执行除法。

@color: #222 / 2; // results in `#222 / 2`, not #111
background-color: (#FFFFFF / 16); //results is #101010

你可以改变 数学 设置,如果你想让它一直有效,但不推荐。