Sass變量默認值

可以通過!default標誌添加設置變量的缺省值到變量值的末尾。如果是已經分配給變量它不會重新分配值。

示例

下面的例子演示了使用中的SCSS文件變量的默認值:

變量默認值 - www.yiibai.com

Example using Variable Defaults

Sass is an extension of CSS that adds power and elegance to the basic language..

接下來,創建文件style.scss。

style.scss

$myval1: null;
$myval1: "Sass Developed by Natalie Weizenbaum and Chris Eppstein" !default;

p:after {
content: $myval1;
}

可以告訴SASS監視文件,並隨時使用下面的命令更新SASS文件修改CSS:

sass --watch C:\Ruby22-x64\style.scss:style.css

接着執行上面的命令,它會自動創建style.css文件,下面的代碼:

style.css

p:after {
content: "Sass Developed by Natalie Weizenbaum and Chris Eppstein";
}

輸出結果

讓我們來執行以下步驟,看看上面的代碼工作:

  • 保存上述的HTML代碼到var_defaults.htmll文件。

  • 在瀏覽器中打開該HTML文件,得到輸出顯示如下。

Sass變量默認值