操作
算术运算 +
、-
、*
、/
可以对任何数字、颜色或变量进行运算。 如果可能,数学运算会考虑单位并在加、减或比较之前转换数字。 结果在最左边有明确说明的单位类型。 如果转换不可能或没有意义,则忽略单位。 不可能转换的例子: 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
你可以改变 数学 设置,如果你想让它一直有效,但不推荐。