sass能变量名拼接吗？

Question

想在循环中拼接变量名

想要以下的结果

.color01{
    border-color: #137ae9;
    background-color:#137ae9;
}
.color02{
    border-color: #30a66a;
    background-color:#30a66a;
}
...

我有一些颜色的变量

$color01: #137ae9;
$color02: #30a66a;
$color03: #da424e;
$color04: #e56281;

想通过以下循环输出

@for $i from 1 through 9
      {
        &.color0#{$i}
        {
          border-color: $color0#{$i};
          background-color: $color0#{$i};
        }
      }

结果 $color0#{$i} 并不能执行

Answer 1

还是使用map吧

Answer 2

可以拼接变量名，$是关键词不能直接拼接，可以转化成#{'$'}

#{'$'}color0#{$i}