灏天阁

Sass Maps的函数-map-get($map,$key)

· Yin灏

map-get($map,$key) 函数的作用是根据 $key 参数,返回 $key 在 $map 中对应的 value 值。如果 $key 不存在 $map中,将返回 null 值。此函数包括两个参数:

  • $map:定义好的 map。
  • $key:需要遍历的 key。

示例:

$social-colors: (
    dribble: #ea4c89,
    facebook: #3b5998,
    github: #171515,
    google: #db4437,
    twitter: #55acee
);

.btn-dribble{
  color: map-get($social-colors,facebook);
}

/*
    .btn-dribble {
      color: #3b5998;
    }
*/

- Book Lists -