这端代码能在scss里面优化吗？

Question

$color_1:black;
$color_2:red;
$color_3:yellow;

.txt_1{
  color: $color_1;
}
.txt_2{
  color: $color_2;
}
.txt_3{
  color: $color_3;
}

Answer 1

可以这样写。

$color_1:black;
$color_2:red;
$color_3:yellow;
$colorlist: $color_1 $color_2 $color_3;
@for $i from 1 through 3 {
  .txt_#{$i} { color: nth($colorlist, $i); }
}

Answer 2

命名可以语义化一些，方便使用。