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

来源:3-17 Sass Maps的函数-map-has-key($map,$key)

bigfatter

2015-09-17 16:09

最前面的介绍 @each 用法的章节中,

没有介绍到 @each 参数1, 参数2  in 参数3 这种用法吗?


我尝试这样写,发现什么也生成不了

@each $color in $social-colors {

    .btn-#{$color} {

        color: colors($color);

    }

}


写回答 关注

1回答

  • 迷途的马尔斯
    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); }


Sass进阶篇

对Sass其它较有难度的部分进行讲解,包括常用控制命令、函数

46630 学习 · 97 问题

查看课程

相似问题