scss 通过for循环动态创建多个class

发布时间 2023-11-09 09:43:44作者: qqcc1388

项目中有些全局的.scss文件中一些关于设置width的class,如下:

.w50{
    width:50px;
}
.w60{
    width:60px;
}
.w70{
    width:70px;
}
.w80{
    width:80px;
}
.w90{
    width:90px;
}
.w100{
    width:100px;
}
.w110{
    width:110px;
}
.w120{
    width:120px;
}
.w130{
    width:130px;
}
.w140{
    width:140px;
}
.w150{
    width:150px;
}
.w160{
    width:160px;
}
.w170{
    width:170px;
}
.w180{
    width:180px;
}
.w190{
    width:190px;
}
.w200{
    width:200px;
}
.w210{
    width:210px;
}
.w220{
    width:220px;
}
.w230{
    width:230px;
}
.w240{
    width:240px;
}
.w250{
    width:250px;
}
.w260{
    width:260px;
}
.w270{
    width:270px;
}
.w280{
    width:280px;
}
.w290{
    width:290px;
}
.w300{
    width:300px;
}
.w310{
    width:310px;
}
.w320{
    width:320px;
}
.w330{
    width:330px;
}
.w340{
    width:340px;
}
.w350{
    width:350px;
}
.w360{
    width:360px;
}
.w370{
    width:370px;
}
.w380{
    width:380px;
}
.w390{
    width:390px;
}
.w400{
    width:400px;
}
.w410{
    width:410px;
}
.w420{
    width:420px;
}
.w430{
    width:430px;
}
.w440{
    width:440px;
}
.w450{
    width:450px;
}
.w460{
    width:460px;
}
.w470{
    width:470px;
}
.w480{
    width:480px;
}
.w490{
    width:490px;
}
.w500{
    width:500px;
}