学习sass小结(不定期更新补充...)
第一次写博, 不好之处请多多包含 工欲善其事必先利其器, 首先, 我们要先了解下什么是 CSS预处理器 In my opinion, CSS预处理器中的"预", 我们可以理解为"将要", 一个将要去处理CSS的工具, 那么他这里面应该包含有 变量, 嵌套, 混入, 继承, 逻辑运算, 导入, 函数, 运算符 等程序设计功能, 那么拥有一系列编码逻辑的功能, 肯定能够减少代码的冗余性, 提升可维护性等, 因此, CSS预处理器应该是一个 具备程序设计特点的CSS语言 . 目前比较主流的CSS预处理器有: less, sass, stylus , 他们的扩展名分别是 .less .scss .styl 这里我们只讨论SASS 先扔一个官网: https://www.sass.hk/docs/ 具体语法官网更详细, 这里就不再浪费笔墨了, 只总结下学习过程中遇到的坑. 环境搭建和sass的使用 sass工具的下载和安装官网已经非常详细了, 这里不再阐述. 使用上, 特别是初学者, 比较推荐通过监视sass文件的方式来学习, 这条命令类似热加载, 编写完能立刻知道转换成css后的样式 注意: 通过_开头的scss文件, 系统会认为@import文件, 将不会输出对应的css文件 // 监视单个 Sass 文件,每次修改并保存时自动编译 sass -