问答详情
源自:3-17 Sass Maps的函数-map-has-key($map,$key)

@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 16:09

个回答

  • 迷途的马尔斯
    2015-12-19 10:02:04

    可以编译出来,结果是这样的:

    .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); }