在本节中，我们将了解Sass中的操作。一般编程语法支持操作。在Sass中还可以进行各种数学运算，包括最基本的加减乘除运算、变量运算、颜色运算、字符运算等。本节我们主要讲一下Sass中最基本的数学运算。加法运算加法运算+是Sass中的基本运算之一，可以在变量或属性中进行加法运算。示例：$num:14px;.xkd{width:50px+50px;font-size:$num+4px;}编译成CSS代码:.xkd{width:100px;font-size:18px;}执行计算时，还要注意单位，当单位不同时，会报错，例如：.xkd{font-size:12px+2em;}执行代码，报错信息如下：Error:Incompatibleunits:'em'and'px'。在style.scss的第2行使用--trace进行回溯。Sass中的减法和加法非常相似，使用不同类型的单位时会报错。示例：$width:100px;.xkd{width:500px-$width;height:300-$width;}编译成CSS代码：.xkd{width:400px;height:200px;}乘法Sass中的乘法和加减法一样，计算单位不同的值会报错。但是它们之间还是有一些区别的，当我们用相同的单位进行数值相乘时，就会出现问题。示例：.xkd{width:100px*2px;}代码执行后报错信息如下：Error:200px*pxisn'tavalidCSSvalue。在style.scss的第2行使用--trace进行回溯。所以如果我们要进行乘法，这两个值需要指定其中一个的单位：.xkd{width:100px*2;}编译成CSS代码：.xkd{width:200px;}Division除法运算在Sass中也是类似于乘法运算，但是除法运算还有一个区别。在CSS中，/符号已经作为符号使用了，所以我们在做除法的时候，如果直接使用/符号，编译后还是原样输出，不是我们想要的效果。例子：.xkd{width:100px/2;}编译成CSS代码：.xkd{width:100px/2;}可以看到在编译后的CSS代码中，没有计算/符号。那如果我们要进行除法呢？其实很简单，只需要将运算表达式用一对括号()括起来即可，例如：.xkd{width:(100px/2);}编译成CSS代码：.xkd{width:50px;}另外，当我们在一个已经有运算符的表达式中使用/符号时，我们也可以进行不带括号的除法。例子：.xkd{width:100px+300px/2;}编译成CSS代码：.xkd{width:250px;}从编译后的CSS代码可以看出，当一个表达式中有多个运算符时，如数学中，先乘除后加减，有括号的先算括号里的。
