Sass 中如何直接访问变量组中的特定间隔值?

sass 中如何直接访问变量组中的特定间隔值?

sass 中访问特定间隔值

问题中提到了在 sass 变量组中存储有序值,并且想要直接访问这些值而不是使用 @each 遍历。

以下是访问特定间隔值的正确方法:

$spacer: (
  sm: 5px,
  base: 10px,
  lg: 15px,
);

.MyClass {
  margin-top: map-get($spacer, "sm"); // 正确用法
}

在这段代码中,map-get() 函数用于从 $spacer 变量组中提取特定值。将间隔名称(例如 "sm")作为函数的第二个参数传递。

现在,您可以直接访问所需的间隔值,设置样式不会出现错误。

希望这能回答你的问题!

以上就是Sass 中如何直接访问变量组中的特定间隔值?的详细内容,更多请关注其它相关文章!