是的，我又用上 sass 了，新公司在用，所以就又写 sass 了。
然后今天遇到的小问题，随手记一下
当我们用 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，解决！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
975
收藏
