scss循环如何同时使用两个数组？

Question

$color: #ff0000 #ffa500 #008000;
$name: red yellow green;

如何用@each 或者@for 输出成这样。

.red{background: #ff0000;}
.yellow{background: #ffa500;}
.green{background: #008000;}

Answer 1

$name: red yellow green;
$color: #ff0000 #ffa500 #008000;
@for $i from 1 to length($name) + 1 {
    @debug ".#{nth($name, $i)}{ background: #{nth($color, $i)} }";
}