我的课程结尾有1-100之间的数字.例如：
.select1 { padding: 1em; } .select2 { padding: 2em; } .select3 { padding: 3em; }
等等
我希望将数字与我想要添加的数量相匹配,但不知道如何在CSS中使用它.而不是实际写出它们是否有一种更面向对象的方式在CSS中这样做？
例如,使用SASS,您可以执行for循环：
$class-slug: select !default @for $i from 1 through 100 .#{$class-slug}-#{$i} padding: $i + 0em
哪个会输出你想要的东西.
它不是一个纯粹的CSS解决方案,但它可以手动完成每个解决方案.否则你也可以用Javascript做到这一点,但那并不理想.
