gpt4 book ai didi

css - 生成 scss 多个 css 类*

转载 作者:太空宇宙 更新时间:2023-11-03 20:45:18 27 4
gpt4 key购买 nike

我有以下 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 }

最佳答案

使用 SASS

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

关于css - 生成 scss 多个 css 类*,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21628238/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com