Sass基本运算及个人遇到的部分情况

        在Sass中，共有3种运算情况：（1）数字运算；（2）字符运算；（3）颜色运算。

// 数学运算符：+ - * / %

// 关系运算符：> < >= <=

// 逻辑运算符：and or not

一、数字运算

在Sass中，共有4种数字运算方式：加、减、乘、除。对于这4种运算方式，我们需要注意以下几点：

• （1）在Sass加法中，数值可以带单位，但是需要运算单位相同，如果不相同则编译不通过；
• （2）在Sass减法中，数值可以带单位，但是需要运算单位相同，如果不相同则编译不通过；
• （3）在Sass乘法中，只能有一个数值带单位，另外一个数值只能是不带单位的数字。如果两个都是带单位的数字，则Sass会报错而编译不通过；
• （4）在Sass除法中，由于“/”在CSS中已经作为一种符号来使用了，所以我们需要在外面添加一个“小括号()”；

在实际开发中，不管是加法、减法，还是乘法、除法运算，我们都建议在外面加上小括号。这种书写方式，能够使得代码一目了然，也方便维护。

width: 1+2;     //3

width: 10+20px; //30px