sass scss for循环错误?

Question

@each $i in ("red", "pink", "purple") {
    @for $v from 1 to 9 {
        .x-color-#{$i}-#{$v} {
            color: #{'$x-color-'+'#{$i}'+'-'+'#{$v}'

        }
    }
}
}

这个代码是错误的;为什么呢?有没有知道的
生成后为,,变量不会被替换,但如果直接把他复制到上面代码再生成就是可以的

.x-color-red-1 {
  color: $x-color-red-1;
}

.x-color-red-2 {
  color: $x-color-red-2;
}

.x-color-red-3 {
  color: $x-color-red-3;
}

Answer 1

2019年最新总结，从程序员到CTO，从专业走向卓越，大牛分享文档pdf与PPT整理

https://github.com/0voice/from_coder_to_expert

Answer 2

应该是变量本身不认,,为什么呢?