Sass 变量运算

$变量 + 数学运算 · 难度：入门 · +15XP

Sass 变量

$primary:#2196F3;$spacing:8px;
.btn{background:$primary;padding:$spacing $spacing*2;&:hover{background:darken($primary,10%)}}

学习提示

1. 多动手写代码，光看教程学不会编程
2. 每学完一小节，用右边编辑器做个小练习
3. 遇到问题看官方文档，是最好的学习资源

本教程是编程学习路径的一部分，建议按顺序学习。掌握了基础知识后，可以尝试用所学内容完成一个小项目——比如用本节学到的技术做一个简单的工具或页面。实践是最好的学习方式！

学习建议：先理解概念，再动手改代码，观察运行结果。编程是实践技能，多写多练才能真正掌握。

学习与实践建议

1. 先理解本节的核心概念和语法规则
2. 在右边编辑器中修改示例代码，观察运行结果变化
3. 尝试用学到的知识完成一个小练习——比如自己写一个工具函数或小程序
4. 遇到问题时，查阅官方文档是最快的学习途径

编程是门实践技能，动手写代码比看教程重要得多。坚持每天练习，你会很快看到进步！