scss default預設變數

2021-09-27 20:46:25 字數 829 閱讀 5331

在變數賦值之前, 利用!default為變數指定預設值。

也就是說,如果在此之前變數已經賦值,那就不使用預設值,如果沒有賦值,則使用預設值。

**例項如下:

$content: "antzone" !default;

#main

編譯為css**如下:

#main

由於在宣告預設值之前,並沒有變數的賦值,所以就使用預設值。

再來看一段**例項:

$content:"softwhy.com";

$content: "antzone" !default;

#main

編譯成css**如下:

#main

由於在預設變數值宣告之前,就已經有變數賦值了,所以就不再使用預設值。

!default乙個重要的作用就是,如果我們引入的他人scss檔案中的變數有預設值的設定,那麼我們就可以很靈活的來修改這些預設值,只要在這些匯入檔案之前引入就乙個配置scss檔案即可,而無需修改他人的scss檔案,例如:

@import "config";

@import "variables";

@import "mixins";

只要將重新配置的變數值寫入config.scss檔案,即可實現修改variables.scss和mixins.scss中預設變數值。

更多專業前端知識,請上

【猿2048】www.mk2048.com

Perl預設變數

1.arg,常常是乙個預設變數 2.arg,子例程參數列 3.program name,本程式的名字 4.argv 本程式的命令列參數列 5.list separator,陣列內插到雙引號字串中時所用的分隔符,預設為空格 6.ofs,或 output field separator,用於print的...

shell 預設變數

通常shell中我們需要給變數設定預設值,可能會寫出如下 shell bin bash if 1 then 1 default fi 顯然這種方式在變數少的時候沒啥問題,一旦變數多起來,我們可能就有大量的重複勞動 if判斷 有沒有比較優雅的方式,不用寫一大堆if判斷,顯然答案是有的 1.變數為nul...

Sass 變數預設 default

如果分配給變數的值後面新增了 default 標誌 這意味著該變數如果已經賦值,那麼它不會被重新賦值,但是,如果它尚未賦值,那麼它會被賦予新的給定值。如果在此之前變數已經賦值,那就不使用預設值,如果沒有賦值,則使用預設值。如果變數之前沒有賦值,則使用預設值 如果之前沒有賦值,則使用預設值 const...