Less_运算

算术运算符 +、-、*、/ 可以对任何数字、颜色或变量进行运算。如果可能的话，算术运算符在加、减或比较之前会进行单位换算。计算的结果以最左侧操作数的单位类型为准。如果单位换算无效或失去意义，则忽略单位

加法

xxxxxxxxxx
@fontSize: 10px;

.myclass {
    font-size: @fontSize + 10;
    color: green;
}

减法

xxxxxxxxxx
@fontSize: 10px;

.myclass {
    font-size: @fontSize - 5;
    color: green;
}

乘法

xxxxxxxxxx
@fontSize: 10px;

.myclass {
    font-size: @fontSize * 2;
    color: green;
}

除法

温馨提示

触发运算需要添加括号

xxxxxxxxxx
@fontSize: 10px;

.myclass {
    font-size: (@fontSize / 2);
    color: green;
}

实时效果反馈

1. 下列代码运行结果是？：

xxxxxxxxxx
@fontSize: 10px;
.myclass {
    font-size: @fontSize * 2rem; // font-size的结果？
}

A 20

B 20rem

C 20px

D 20pxrem

答案

1=>C