sass中的基本運算
一、加法
在 css 中能做運算的，到目前為止僅有 calc() 函式可行。但在 sass 中，運算只是其基本特性之一。
sass做加法運算是可以不考慮引數帶單位，但需要單位同一
加號可以不需要空格隔開
示例:
1 $sidebar-width: 220px;2 $content-width: 720px;
3 $gap-width: 20px;45
.container
輸出:
1.container
+ 還可以做字元鏈結
注意，如果有引號的字串被新增了乙個沒有引號的字串 （也就是，帶引號的字串在 + 符號左側）， 結果會是乙個有引號的字串。 同樣的，如果乙個沒有引號的字串被新增了乙個有引號的字串 （沒有引號的字串在 + 符號左側）， 結果將是乙個沒有引號的字串。 例如：
1p:before
輸出:
1p:before
二、減法 - 需要注意空格了
示例:
1 $full-width: 960px;2 $sidebar-width: 200px;34
.content
輸出:
1.content
三、乘法
能夠支援多種單位（比如 em ,px , %）；
如果進行乘法運算時，兩個值單位相同時，只需要為乙個數值提供單位即可(多個乘數中只需要乙個乘數提供單位，否則報錯)。
示例:
1.box
輸出:
1.box
四、除法
眾所周知「/」符號在 css 中已做為一種符號使用。因此在 sass 中做除法運算時，直接使用「/」符號做為除號時，將不會生效，編譯時既得不到我們需要的效果，也不會報錯。
需要給運算的外面新增乙個小括號()才能執行除法運算
1.box
總結: 」/ 」符號被當作除法運算子時有以下幾種情況：
如果數值或它的任意部分是儲存在乙個變數中或是函式的返回值。
如果數值被圓括號包圍。
如果數值是另乙個數學表示式的一部分。
示例：
1p
輸出:
1p
sass 的除法運算還有乙個情況。先回憶一下，在乘法運算時，如果兩個值帶有相同單位時，做乘法運算時，出來的結果並不是我們需要的結果。但在除法運算時，如果兩個值帶有相同的單位值時，除法運算之後會得到乙個不帶單位的數值。 示例:
1.box
輸出:
1.box
練習:
.box/*輸出:
*/.box
五、顏色運算 - 分段運算
所有算數運算都支援顏色值，並且是分段運算的。也就是說，紅、綠和藍各顏色分段單獨進行運算。如：
1p
計算公式為 01 + 04 = 05、02 + 05 = 07 和 03 + 06 = 09， 並且被合一起
示例:
1p
輸出:
1p
學習 大漠老師 - sass入門篇 筆記
sass特性筆記
變數 巢狀partial import import a 可以匯入 a.sass,無需字尾，sass可自動識別。有利於css的模組化，可以拆分成更小的模組，利於維護。mixins scss mixin transform property box 複製 編譯的css box 複製 extend in...
Sass字元運算
在 sass 中可以通過加法符號 來對字串進行連線。例如 content hello sass box before 編譯出來的css box before 除了在變數中做字元連線運算之外，還可以直接通過 把字元連線在一起 div 編譯出來的css div 注意，如果有引號的字串被新增了乙個沒有引號...
sass基本用法
本文都是以.scss為準 普通變數 sass的變數必須是以 開頭的，後面直接跟變數名 fontsize 12px body 如果變數需要預設值，在變數值的後面加上預設值的宣告 變數的預設值的宣告方式是變數值後加上 default 如下 baselineheight 2 baselineheight ...