运算说明

• 任何数值、颜色和变量都可以进行运算

数值模型运算

• less会为你自动推算数值的单位，所以你不必为每一个数值加上单位
• 注意：运算符与数值之间要用空格隔开，涉及优先级时以()进行优先级运算

.container{
  width: 450px + 450;
}

• 编译后

.container {
  width: 900px;
}

.container{
  width: (450 + 50) * 2 + 24px;
}

• 编译后

.container {
  width: 1024px;
}

颜色值运算

• less在运算时，现将颜色转换为rgb模式，然后再转换为16制的颜色并返回
• 注意：不能直接对颜色名称进行运算

.container{
  width: #000000 + 255;
}

• 编译后

.container {
  width: #ffffff;
}