【发布时间】：2018-11-14 22:03:30
【问题描述】：
我正在使用 SASS 和 Angular 6。我的类名 level 是在 javascript 中生成的，带有动态后缀，例如 level-1 或 level-10。
我想计算 scss 文件中的填充取决于该后缀。
应该是这样的：
级别-${ padding-left: 计算($*10)px }
有可能吗？
【问题讨论】：
标签： javascript css sass
【发布时间】：2018-11-14 22:03:30
【问题描述】：
是的，您可以在 SASS 中编写一个循环来生成类，例如这样。
@for $i from 1 through 10 {
.levels-#{$i} {
padding-left: 10px * $i;
}
}
【讨论】：
-
我也找到了这个解决方案，但它并不完美，因为我不知道我应该生成多少个类。但我知道这是最接近的解决方案。或者我必须使用内联样式
-
@mr__brainwash 它会生成你放置“10”所在的类的数量。