Sass 数字运算符

加法

加法运算是Sass中运算中的一种，在变量或属性中都可以做加法运算

 css效果：

 但是也不包括有特殊情况

 对于携带不同类型的单位时，在 Sass 中计算会报错，

减法

减法的用法和加法一样

 css效果：

 同样对于携带不同类型的单位时，在 Sass 中计算会报错，

乘法

Sass 中的乘法运算和前面介绍的加法与减法运算还略有不同。虽然他也能够支持多种单位（比如 em ,px , %），但当一个单位同时声明两个值时会有问题。

 就会出现200px*px isn't a valid CSS value的错误信息

进行乘法运算时如果两个值单位相同，只写一个数值提供单位就行，例

css效果：

 

  乘法也跟加减法一样，对于携带不同类型的单位时，在 Sass 中计算会报错，

除法

除法就比较神奇了，它可以用作于除法运算符也可以当成分隔符

css效果：

 

那么问题来了，什么时候才算是除法运算符呢？请往下看

”/ ”符号被当作除法运算符时有以下几种情况：

• 如果数值或它的任意部分是存储在一个变量中或是函数的返回值。
• 如果数值被圆括号包围。
• 如果数值是另一个数学表达式的一部分。

css效果：

 

 Sass 的除法运算还有一个情况。我们先回忆一下，在乘法运算时，如果两个值带有相同单位时，做乘法运算时，出来的结果并不是我们需要的结果。但在除法运算时，如果两个值带有相同的单位值时，除法运算之后会得到一个不带单位的数值。

css效果：

 感谢大家观看！！！