SASS教學
Sass安裝
Sass語法
Sass的使用
Sass嵌套規則
Sass引用父選擇器
Sass嵌套屬性
Sass CSS擴展
Sass佔位符選擇器
Sass多行註釋插值法
Sass註釋
Sass交互式shell
Sass變量
Sass數據類型
Sass數字運算符
Sass顏色運算符
Sass字符串運算符
Sass布爾運算符
Sass操作符
Sass括號混合
Sass插值
Sass函數
Sass SassScript &符號
Sass變量默認值
Sass腳本
Sass @import指令
Sass @media指令
Sass @extend指令
Sass @at-root指令
Sass @debug指令
Sass @warn指令
Sass @error指令
Sass @規則和指令
Sass if()函數
Sass @if指令實例
Sass @else if指令
Sass @if指令
Sass through關鍵字
Sass to關鍵字
Sass @for指令
Sass @each指令實例
Sass @each多重分配
Sass @each多重分配與映射
Sass @each指令
Sass @while指令
Sass控制指令&表達式
Sass 定義Mixin
Sass包含mixin
Sass Mixin參數
傳遞內容塊到Mixin
Sass混入指令
Sass函數指令
Sass輸出樣式
擴展Sass
Sass腳本
SASS使用小集合稱爲SassScript,並可以包含在SASS文件來計算屬性變量的值,並使用變量計算屬性。 SassScript也可以使用選擇器和使用混入屬性名(混入可以根據需要通過整個樣式表重新使用CSS樣式)。
下表列出了一些在SASS使用的CSS擴展:
S.N.
CSS擴展和說明
1
交互式Shell
使用命令行計算SassScript表達式的值
2
變量
表示數據,例如數字值,字符或存儲器地址
3
數據類型
爲每個數據對象聲明數據類型
4
操作符
提供操作,如數量,顏色,字符串,布爾和列表操作
5
括號
這是對圓括號()或方括號[]的標關閉標誌
6
函數
它通過提供一些關鍵參數來支持使用函數
7
插值
它提供 #{} 語法來使用 SassScript 變量和屬性名
8
&在SassScript
它允許多個屬性的嵌套到另一個屬性,從而在另一個組中產生相關代碼
9
變量默認值
它允許多個屬性的嵌套到另一個屬性,從而在另一個組中產生相關代碼