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

好吧，您可以使用map。

$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;
  }
}