scss使用for循环遍历，动态赋值类名并配置不同颜色
// 定义基本颜色
$base-colors: (
'primary': #333,
'secondary': #666,
'tertiary': #999
);
// 使用for循环为每种颜色生成类名并设置背景色
@each $color-name, $color-value in $base-colors {
.bg-#{$color-name} {
background-color: $color-value;
}
}这段代码首先定义了一个$base-colors映射，包含了主要、次要和第三种基本颜色。然后使用@each指令遍历这个映射，为每个颜色名称生成一个类名，如.bg-primary、.bg-secondary和.bg-tertiary，并为这些类设置对应的背景颜色。这种方法可以极大地简化CSS的管理和维护工作。
评论已关闭