我想用这样的类创建一个变量
$multi: foo, bar, baz
我想像这样创建一个组合选择器：
.foo, .bar, .baz {}
我使用的是缩进语法（不知道这是否重要）。我希望从变量生成组合选择器的原因：我需要根据那里定义的类的数量进行计算。请不要提出（使用扩展！）之类的建议，因为这将要求我再上一堂课。我需要能够接近或完全接近常规组合选择器输出。
【问题讨论】：
我遇到了与 OP 相同的问题，这是我找到的第一个搜索结果，所以现在我已经弄清楚了，我会发布我的解决方案，即使问题已经存在 1.5 年了。
这是我发现的：为了将变量用作选择器，您可以使用 SASS interpolation，它与逗号分隔的字符串完美配合。但是，如果您希望保存选择器的变量为 list（以便您可以在其上使用列表函数，例如 length($multi)），则插值将生成格式错误的选择器。
因此，简单的解决方案是首先将变量定义为列表，然后当您需要将其用作选择器时，将该列表转换为逗号分隔的字符串：
$multi: ".foo", ".bar", ".baz"
$multi-selector: ""
@each $selector in $multi
@if $multi-selector != ""
$multi-selector: $multi-selector + ", "
$multi-selector: $multi-selector + $selector
#{$multi-selector}
//CSS properties go here
您可能希望将列表到逗号分隔字符串的功能抽象为一个函数（注意：SASS 的 join 函数不这样做；它将两个列表连接成一个新列表）。这是一种可能的实现方式：
@function unite($list, $glue: ", ")
@if length($list) == 1
@return $list
$string: ""
@each $item in $list
@if $string != ""
$string: $string + $glue
$string: $string + $item
@return $string
此时原代码可以这么简洁：
$multi: ".foo", ".bar", ".baz"
#{unite($multi)}
//CSS properties go here
【讨论】：
（上一个答案的代码）很酷的功能！有用的。我只是想添加一些 SCSS 语法，让人们有机会使用它：
@function unite($list, $glue: ", ") {
@if length($list) == 1 {
@return $list;
} @else {
$string: "";
@each $item in $list {
@if $string != "" { $string: $string + $glue; }
$string: $string + $item;
}
@return $string;
}
}
此时原代码可以这么简洁：
$multi: ".foo", ".bar", ".baz"
#{unite($multi)}
//CSS properties go here
【讨论】：
Compass offers a built-in sprite mixin that does just this. 如果你不想使用所有 Compass，你可以look into their source 看看他们是怎么做的。
【讨论】：