scss calc与%冲突报错

达瓦利什

于 2021-08-04 21:17:25 发布

阅读量537

点赞数 1

分类专栏： get亿个小知识点

本文链接：https://blog.youkuaiyun.com/w_____w_____/article/details/119393375

版权

博客讲述了在使用SCSS时遇到calc函数与百分比符号%冲突导致的错误，通过使用#{’%’}转义方法在SCSS中可以正常编译，但在CSS中仍然报错。作者分享了最终解决问题的方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题

下面代码报错。

@for $i from 0 to 24 {
   
.wly-col-#{
   $i} {
   
    width: calc(1 / 24 * #{
   $i} * 100)%;
}
.wly-col-offset-#{
   $i} {
   
    margin-left: calc(1 / 24 * #{
   $i

最低0.47元/天解锁文章