sass变量默认
基本使用
如果分配给变量的值后面添加了 !default 标志 ,这意味着该变量如果已经赋值,那么它不会被重新赋值,但是,如果它尚未赋值,那么它会被赋予新的给定值。
**如果在此之前变量已经赋值,那就不使用默认值,如果没有赋值,则使用默认值。******如果变量之前没有赋值,则使用默认值:css/* 如果之前没有赋值,则使用默认值 */$const: "hello" !default;div{ const: $const;}
编译为CSS:cssdiv { const: "hello"; }
可以看到,const 的值为 “hello”,正确。****如果在此之前已经赋值,那就不再使用默认值:css/* 如果之前已经赋值,则不再使用默认值 */$const: "Hi";$const: "hello" !default;div{ const: $const;}
编译为CSS:cssdiv { const: "Hi"; }
可以看到,const 的值为 “Hi” ,正确。