在SASS中,可以使用@each
指令来遍历嵌套的Map,并根据Map的键值对创建相应的类。以下是一个示例解决方案:
// 嵌套的SASS Map
$map: (
button: (
background-color: #ff0000,
color: #ffffff
),
link: (
background-color: #0000ff,
color: #ffffff
),
input: (
background-color: #00ff00,
color: #000000
)
);
// 使用@each来遍历嵌套的Map
@each $key, $value in $map {
.#{$key} {
@each $k, $v in $value {
#{$k}: $v;
}
}
}
上述代码将遍历嵌套的SASS Map $map
,并根据Map的键值对创建相应的类。例如,对于Map中的button
键值对,将生成以下CSS:
.button {
background-color: #ff0000;
color: #ffffff;
}
对于Map中的其他键值对也会生成相应的类。
请注意,上述代码仅适用于SASS中的嵌套Map。如果使用的是SCSS语法,需要使用map-get()
函数来获取Map的值。
上一篇:遍历嵌套的嵌入式文档中的对象”
下一篇:遍历嵌套的数字数组