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顏色值。
示例
下面的例子演示了SCSS文件中使用顏色操作：
This is Example of Sass Color Operations
SASS stands for Syntactically Awesome Stylesheet..
接下來，創建文件 style.scss。
style.scss
$color1: #333399;
$color2: #CC3399;
p{
color: $color1 + $color2;
}
可以告訴SASS監視文件，並隨時使用下面的命令更新SASS文件來修改CSS：
sass --watch C:\Ruby22-x64\style.scss:style.css
接着執行上面的命令，它會自動創建style.css文件，如下面的代碼：
style.css
p {
color: #ff66ff;
}
執行輸出結果
讓我們來執行以下步驟，看看上面的代碼執行結果：
保存上述的HTML代碼到 color_operations.htmll 文件。
在瀏覽器中打開該HTML文件，得到輸出如下顯示。
