html – 我可以以编程方式确定一系列CSS类的属性值吗?
发布时间:2020-12-14 23:31:08 所属栏目:资源 来源:网络整理
导读:我需要帮助理解一种更简单的方法来编写它. 我的课程结尾有1-100之间的数字.例如: .select1 { padding: 1em;}.select2 { padding: 2em;}.select3 { padding: 3em;} 等等 我希望将数字与我想要添加的数量相匹配,但不知道如何在CSS中使用它. 而不是实际写出它
我需要帮助理解一种更简单的方法来编写它.
我的课程结尾有1-100之间的数字.例如: .select1 { padding: 1em; } .select2 { padding: 2em; } .select3 { padding: 3em; } 等等 我希望将数字与我想要添加的数量相匹配,但不知道如何在CSS中使用它. 解决方法
您可以使用带有变量的CSS扩展语言,如
SASS或
LESS.
例如,使用SASS,您可以执行for循环: $class-slug: select !default @for $i from 1 through 100 .#{$class-slug}-#{$i} padding: $i + 0em 哪个会输出你想要的东西. 它不是一个纯粹的CSS解决方案,但它可以手动完成每个解决方案.否则你也可以用Javascript做到这一点,但那并不理想. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |