高效使用scss编写样式表

使用scss的一些技巧学习

官网地址：https://www.sass.hk/

// ====== 字体大小 ======
@for $i from 12 through 30 {
    .f#{$i} {
        font-size: #{$i}px;
    }
}
// ====== 处理状态样式 ======
// 注意这里的key和value不要带引号
$map: (color_2: #ff9b00, color_3: #e60e0e);
@each $key,$value in $map {
    .#{$key} {
        color: $value;
    }
}