如何将SCSS变量设置为空字符串？

Question

我看到了一种有趣的技巧，您可以使用&为样式添加前缀。所以我遇到的问题是让它成为不设置前缀的选项。无论我尝试什么，我都从sass编译器中获取Error: Base-level rules cannot contain the parent-selector-referencing character '&'。那么有没有办法添加前缀选项但不需要它？

$prefix:"";
.#{$prefix}{
  &color{
    color:red;
  }
}

Answer 1

尝试为$n: if($prefix != '', '&', ''); #{$n}color { color: red; } #{$n}left { float: left; } 符号使用内联条件。像这样：

{{1}}