然后今天遇到的小问题,随手记一下
当我们用 sass 写如下代码的时候
.class{ $padding: 5px; width: calc(100% - $paddding * 2);}
嗯嗯,看上去好像很正常。。
错!! 编译完了之后,你会发现这段代码是这样的
.class{ width: calc(100% - $padding * 2);}
然后浏览器就无情的忽略掉这一行谜一样的样式了
这尼玛是什么呀?! 摔!
好吧,看样子 sass 在编译的时候,把括号里面的变量当做字符串处理了。 所以我们该怎么办呢?
哈哈哈,对!还记得 sass 怎么在字符串里拼接变量么? 就是它!
.class{ $padding: 5px; width: calc(100% - #{$paddding * 2});}
OK,解决!
Copyright © 2019- ovod.cn 版权所有 湘ICP备2023023988号-4
违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com
本站由北京市万商天勤律师事务所王兴未律师提供法律服务