基本使用
如果分配給變量的值后面添加了 !default 標志 ,這意味著該變量如果已經賦值,那么它不會被重新賦值,但是,如果它尚未賦值,那么它會被賦予新的給定值。
如果在此之前變量已經賦值,那就不使用默認值,如果沒有賦值,則使用默認值。
如果變量之前沒有賦值,則使用默認值:
/* 如果之前沒有賦值,則使用默認值 */
$const: "hello" !default;div{const: $const;
}
編譯為CSS:
div {const: "hello";
}
可以看到,const 的值為 “hello”,正確。
如果在此之前已經賦值,那就不再使用默認值:
/* 如果之前已經賦值,則不再使用默認值 */
$const: "Hi";
$const: "hello" !default;div{const: $const;
}
編譯為CSS:
div {const: "Hi";
}
可以看到,const 的值為 “Hi” ,正確。