生成scss多个css类*

时间:2014-02-07 12:49:04

标签: css sass

我有以下css助手类。所以我的问题是,有更好的方法吗?或者我可以在scss中生成这样的类以使其更清洁和更好。

感谢。

.m-1 { margin: 1px !important; }
.m-2 { margin: 2px !important }
.m-3 { margin: 3px !important }
.m-4 { margin: 4px !important }
.m-5 { margin: 5px !important }
.m-6 { margin: 6px !important }
.m-7 { margin: 7px !important }
.m-8 { margin: 8px !important }
.m-9 { margin: 9px !important }
.m-10 { margin: 10px !important }

1 个答案:

答案 0 :(得分:5)

使用SASS

@for $i from 1 through 10 {
   .m-#{$i} { margin: 1px * $i !important; }
}