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

在 sass 中访问特定间隔值

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

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

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

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

登录后复制

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

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

希望这能回答你的问题！

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