number型別
編譯后
color型別：
編譯后
string型別
編譯后
list陣列型別
nth(list, num) 獲取list陣列中的下標為num的元素
注意num下標是從1開始的
編譯后
index(list, str) 回傳str在list陣列中的下標
編譯后
map 陣列型別（有點類似js中的物件）
map-get(map, key) 獲取指定key對應的屬性值
@each $key,$value in map{ } 遍歷map陣列
sass加減乘除基本運算
編譯后
除法常見問題：
這種寫法無法正常計算
編譯后：
正確寫法：
運算用圓括號括起來
在乘法和除法中，多個數值只要寫一個單位即可
編譯后
通過變數方式運算可以不加括號
編譯后
混合運算：
編譯后
顏色運算：
mix() 混合色
red() 取紅色值
rgb() 拼接成rgb色
編譯后
字串運算：
字串拼接 加號
混合宏 mixin
一般mixin（簡單）
編譯后
嵌套mixin
編譯后
引數mixin
編譯后
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/55538.html
標籤：Html/Css
上一篇：sass基礎語法--變數和參考+變數作用域+import
下一篇：sass繼承+嵌套+條件控制