html – 我可以以编程方式确定一系列CSS类的属性值吗？

概述我需要帮助理解一种更简单的方法来编写它. 我的课程结尾有1-100之间的数字.例如： .select1 { padding: 1em;}.select2 { padding: 2em;}.select3 { padding: 3em;} 等等 我希望将数字与我想要添加的数量相匹配,但不知道如何在CSS中使用它. 而不是实际写出它们是否有一种更面向对象的方式在C 我需要帮助理解一种更简单的方法来编写它.

我的课程结尾有1-100之间的数字.例如：

.select1 {    padding: 1em;}.select2 {    padding: 2em;}.select3 {    padding: 3em;}

等等

我希望将数字与我想要添加的数量相匹配,但不知道如何在CSS中使用它.
而不是实际写出它们是否有一种更面向对象的方式在CSS中这样做？

解决方法 您可以使用带有变量的CSS扩展语言,如 SASS或 LESS.

例如,使用SASS,您可以执行for循环：

$class-slug: select !default@for $i from 1 through 100  .#{$class-slug}-#{$i}    padding: $i + 0em

哪个会输出你想要的东西.

它不是一个纯粹的CSS解决方案,但它可以手动完成每个解决方案.否则你也可以用JavaScript做到这一点,但那并不理想.

总结

以上是内存溢出为你收集整理的html – 我可以以编程方式确定一系列CSS类的属性值吗？全部内容，希望文章能够帮你解决html – 我可以以编程方式确定一系列CSS类的属性值吗？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。