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