程序中的運算是常見的一件事情,但在 CSS 中能做運算的,到目前為止僅有 calc() 函數可行。但在 Sass 中,運算只是其基本特性之一。在 Sass 中可以做各種數學計算,在接下來的章節中,主要和大家一起探討有關于 Sass 中的數學運算。
(一)、加法
加法運算是 Sass 中運算中的一種,在變量或屬性中都可以做加法運算。如:
.box {
width: 20px + 8in;
}
編譯出來的 CSS:
.box { width: 788px; }
但對于攜帶不同類型的單位時,在 Sass 中計算會報錯,如下例所示:
.box { width: 20px + 1em; }
編譯的時候,編譯器會報錯:“Incompatible units: 'em' and ‘px'.”
在編輯器的第六行輸入正確的代碼,通過Sass的加法運算,計算出容器.container的寬度?
把三者加起來。
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報