2024年8月26日
如果您有Sass Map或Lists,则可以循环遍历它们,而不是单独处理每个键。在@each循环的开头,您分配一个要在循环内使用的变量:
$shapes: triangle, square, circle;
@each $shape in $shapes {
.icon-#{$shape} {
background-image: url('/images/#{$shape}.jpg');
}
}
$map: (
h1: 20px,
h2: 16px,
h3: 14px
);
@each $element, $size in $map {
#{$element} {
font-size: $size;
}
}
如果将变量与字符串连接起来,或将其用作类/元素,则变量前面需要加上一个#{,并在前面加上一个,}以告诉编译器你实际上表示变量。
如果您的地图是多层深度,您还可以在循环内嵌套循环。…