Sass - 变量默认(!default)

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/weixin_44198965/article/details/101169272

基本使用

如果分配给变量的值后面添加了 !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” ，正确。