Sass操作符

2020-02-20  本文已影响0人  混吃等死小前端

加法、减法、乘法在运算中有不同类型的单位时,将会报错

进行乘法运算时,两个值单位相同时,只需要为一个数值提供单位即可

.box {
  width:10px * 2px;  
}

“20px*px isn't a valid CSS value.”

//正确写法
.box {
  width: 10px * 2;
}

除法/符号被当作除法运算符时只有以下几种情况:
• 如果数值或它的任意部分是存储在一个变量中或是函数的返回值。width: $width / 10;
• 如果数值被圆括号包围。width: (100px / 2);
• 如果数值是另一个数学表达式的一部分。width: 100px / 2 + 2in;

颜色运算

所有算数运算都支持颜色值,并且是分段运算的

上一篇 下一篇

猜你喜欢

热点阅读