Sass 重构变量作为选择器

Question

如果可能的话，我想重构这段代码，我没有找到可以弄清楚的东西：

$javascript: rgb(238, 218, 103); 
$php: rgb(119,125,176); 
$ruby: rgb(197, 25, 17);
.isjavascript {
color: $javascript;
}
.isphp {
color: $php;
}
.isruby {
color: $ruby;
}

Answer 1

好吧，你可以使用地图。

$languages-color: (
'javascript': rgb(238, 218, 103),
'php': rgb(119,125,176),
'ruby': rgb(197, 25, 17)
);
@each $label, $color in $languages-color {
.is#{$label} {
color: $color;
}
}