@each $social-network,$social-color in $social-colors

最前面的介紹 @each 用法的章節中，

沒有介紹到 @each 參數1, 參數2 ?in 參數3 這種用法嗎？

我嘗試這樣寫，發現什么也生成不了

@each $color in $social-colors {

????.btn-#{$color} {

????????color: colors($color);

????}

}

bigfatter

2015-09-17

源自：Sass進階篇 3-17

關注問題我要回答

1333

操作

收起

1 回答

迷途的馬爾斯
2015-12-19

可以編譯出來，結果是這樣的：

.btn-dribble?#ea4c89?{

??color:?colors(dribble?#ea4c89);?}

.btn-facebook?#3b5998?{

??color:?colors(facebook?#3b5998);?}

.btn-github?#171515?{

??color:?colors(github?#171515);?}

.btn-google?#db4437?{

??color:?colors(google?#db4437);?}

.btn-twitter?#55acee?{

??color:?colors(twitter?#55acee);?}