在 Sass 中除了可以使用數(shù)值進(jìn)行運(yùn)算之外,還可以使用變量進(jìn)行計(jì)算,其實(shí)在前面章節(jié)的示例中也或多或少的向大家展示了。在 Sass 中使用變量進(jìn)行計(jì)算,這使得 Sass 的數(shù)學(xué)運(yùn)算功能變得更加實(shí)用。一起來看一個(gè)簡單的示例:
$content-width: 720px; $sidebar-width: 220px; $gutter: 20px; .container { width: $content-width + $sidebar-width + $gutter; margin: 0 auto; }
編譯出來的CSS
.container { width: 960px; margin: 0 auto; }
在編輯器第六行輸入正確代碼,計(jì)算出每列的列寬
列寬 = 單列寬度 x 列數(shù) + 列間距 x (列數(shù) - 1)
$col-width * $i + $col-gap * ($i - 1)
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)