Scss加法

css yekong 39℃

在 CSS 中能做运算的,到目前为止仅有 calc() 函数可行。但在 Scss 中,运算只是其基本特性之一。在 Scss 中可以做各种数学计算

加法

.box {
  width: 20px + 8in;
}

编译后

.box {
  width: 788px;
}

对于携带不同类型的单位时,在 Scss 中计算会报错,如下例所示:

.box {
  width: 100px + 1rem;
}

编译的时候,编译器会报错:“Incompatible units: 'rem' and ‘px'.”

喜欢 (0)