SASS ‘null’ 值被输出到编译后的 CSS答案

【问题标题】：SASS ‘null’ value is being output to compiled CSSSASS ‘null’ 值被输出到编译后的 CSS
【发布时间】：2014-02-14 18:28:58
【问题描述】：

使用“null”应该修剪相关的属性——如http://chriseppstein.github.io/blog/2012/08/23/sass-3-2-is-released/ 所述——而不是它们出现在编译的 CSS 中。

例如：

div {
  background-color: null;
  color: red;
}

应该输出到：

div {
  color: red;
}

而是输出到前一个示例，这显然添加了无效的 CSS。

我正在使用：

【问题讨论】：

【解决方案1】：

答案就在您链接的页面中。我不使用 SASS，但看起来 null 是一种数据类型。您必须传递一个包含 null 的变量。 SASS 会将变量 $color 解释为 null，然后将其删除。否则，它似乎将null 解释为只是一个字符串并相应地传递它。

$color: null;
div {
  width: 23px;
  color: $color;
  border: 2px solid $color;
}

变成

div {
  width: 23px;
  border: 2px solid;
}

【讨论】：