_color.scss里面是這樣@each $color in red, green, blue, black {
.#{$color} {
color: $color;
}
}為什么會編譯失??？
2 回答
冉冉說
TA貢獻1877條經驗 獲得超1個贊
這分明是對英文的理解。
以第一段為例：你以顏色名稱"red" 字符串為占位符，但red值可能為 #ff0000, 這樣生成的css是無效的。所以這里字符串用雙引號引用。如果確實要用顏色名稱的字符串，請在占位符中使用 ""+$color 表示。
那么也就是說，這里的占位符最好這樣用： #{""+$color}
慕后森
TA貢獻1802條經驗 獲得超5個贊
use
"" + $color
放在你的代碼第三行，替換原來的 $color 試試。
另外，這是一個 warning，不是 error。
UPDATE：
這樣寫確認有效：
$colors: red, green, blue, black;
@each $color in $colors {
.#{$color} {
color: $color;
}
}- 2 回答
- 0 關注
- 1087 瀏覽