使用SASS for循环定义变量颜色

您可以使用for循环来实现这一点，如下所示:

$blue_1     : #ecf5f9;
$blue_2     : #cfe5ef;
$blue_3     : #b1d5e6;
@for $i from 1 through 9 {
    @if $i == 1 {
        $bg_color: $blue1
    }
    @if $i == 2 {
        $bg_color: $blue2
    }
    .....
    .blue#{$i} 
        background-color: #{!bg_color}
}

代码应该返回如下内容:

.blue1 {
  background-color:#ecf5f9;
}
.blue2 {
  background-color:#cfe5ef;
}