SASS'null'值正在输出到编译的CSS

Question

使用'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。

我正在使用：

• GruntJS（grunt-contrib-sass作为任务）
• SASS 3.3.0
• 指南针1.0.0.alpha.17
• Susy 1.0.9

Answer 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;
}