使用插值连接SASS变量名

我有数百个SASS变量，格式如下：

$color-apples-bg: red;
$color-apples-fg; white;
$color-bananas-bg: yellow;
$color-bananas-fg: black;
$color-cherries-bg: burgundy;
$color-cherries-fg: white;

我尝试连接并插入正确的变量名，如下所示：

$fruits: apples, bananas, cherries;

@each $name in $fruits {
  body.#{$name} {
    background-color: $color-#{$name}-bg;
    color: $color-#{$name}-fg;
  }
}

---

但是，这会导致编译时出错。有没有可能这样做？

有什么错误？@下划线\u d我看到了未定义的变量“background color:$color-{name}-bg；”你不需要在所有情况下都写

{$name}

，永远不要写

{name}

？您做对了一次，但又错了两次，AFAICS。@下划线\d抱歉，在我的示例中输入错误-已更新。错误是什么？错误是什么？@下划线\d我看到未定义的变量“背景色：$color-#{name}-bg；”你不需要在所有情况下都写

{$name}

，永远不要写

{name}

？您做对了一次，但又错了两次，AFAICS。@下划线\对不起，在我的示例中输入错误-已更新。错误说明了什么？