在sass中使用map、list和for循环更改元素的字体大小

Question

我必须从映射到列表中获取值，然后在for循环中使用列表中的值更改h1、h2、h3的字体大小。我的代码如下：

$font-sizes: (
fs1: 100px,
fs2: 50px,
fs3: 6px
);
$list-of-font-sizes: map-values($font-sizes);
@for $i from 1 through 3 {
h#{$i} {
@each $size in $list-of-font-sizes {
font-size: $size;
}
}
}

它不起作用，我不知道为什么。我也试过这样：

@each $size in $list-of-font-sizes {
@for $i from 1 through 3 {
h#{$i} {
font-size: $size;
}
}
}

Answer 1

您可以使用@for循环
然后，通过nth使用其索引来获得每个大小。

@for $i from 1 through length($list-of-font-sizes) {
h#{$i} {
font-size: nth($list-of-font-sizes, $i);
}
}