基於所述條件，內置 if() 函數從兩個可能的結果返回一個結果。所述函數結果可能不能定義或進一步計算變數。
語法
if( expression, value1, value2 )
示例
下麵的例子演示了在SCSS檔使用 if() 函數：
if_function.html
<html> <head><meta charset="utf-8"> <title>控制指令和運算式</title> <link rel="stylesheet" type="text/css" href="style.css"/> </head> <body> <h2>Welcome to zaixian zaixian</h2> </body> </html>
接下來，創建檔style.scss
style.scss
h2{
color: if( 1 + 1 == 2 , green , red);
}
可以告訴SASS監視檔，並隨時使用下麵的命令更新SASS檔修改CSS：
sass --watch C:\Ruby22-x64\style.scss:style.css
接著執行上面的命令，它會自動創建style.css檔，下麵的代碼：
style.css
h2 {
color: green; }
輸出結果
讓我們來執行以下步驟，看看上面的代碼工作：
保存上面的html代碼在 if_function.html 檔。在流覽器中打開該HTML檔，輸出如下得到顯示。
上一篇：
Sass @規則和指令
下一篇：
Sass @if指令實例