[英]sass variable interpolation in each loop
試圖在每個循環中使用變量。 但似乎並不適合我
$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};
}
}
這樣做。 它的工作正常與關鍵價值方法。
$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}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.