[Sass運算]加法

程序中的運算是常見的一件事情,但在CSS 中能做運算的,到目前為止僅有calc() 函數可行。但在Sass 中,運算只是其基本特性之一。在Sass 中可以做各種數學計算,在接下來的章節中,主要和大家一起探討有關於Sass 中的數學運算。

(一)、加法

加法運算是Sass中運算中的一種,在變量或屬性中都可以做加法運算。如:

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

編譯出來的CSS:

.box {
  width: 788px;
}

但對於攜帶不同類型的單位時,在Sass 中計算會報錯,如下例所示:

.box {
  width: 20px + 1em;
}

編譯的時候,編譯器會報錯:“Incompatible units: 'em' and 'px'.”

results matching ""

    No results matching ""