尝试在每个循环中使用变量。但似乎不适合我
$font-size-40: .5rem;
$font-size-50: .625rem;
$font-size-60: .75rem;
$fonts: 40 50 60;
@each $font in $fonts {
.font-size-#{$font} {
font-size: $font-size-#{$font};
}
}
答案 0 :(得分:0)
以这种方式进行。使用键值方法可以很好地工作。
$font-size-40: .5rem;
$font-size-50: .625rem;
$font-size-60: .75rem;
$fonts: (
'40': $font-size-40,
'50': $font-size-50,
'60': $font-size-60,
);
@each $font, $prop in $fonts {
.font-size-#{$font} {
font-size: #{$prop};
}
}
但是仍然想知道为什么我们不能像这样使用它:-$ font-size-#{$ font}