SASS与SCSS的区别

   SASS是对CSS进行自动化的工具，有为CSS添加浏览器前缀，精灵图合图及样式优化等功能。SASS有.sass 和 .scss两种语法。

         1、.sass 

               是一种类Ruby的缩进式语法，对空格敏感，不使用花括号，并且每个属性之间通过换行来分割，如

                       h1 

                            color: #666

                            font-size:20px

         2、.scss

               再SASS3.0的基础上加入的，是css3的扩展，语法与css相同。

                       h1{ color:#666;  font-size:20px }

      这两种语法将长期支持， .sass适用于Ruby，Python等语言的开发，而纯前端的更适用于.scss，只需将 .css 改为 .scss即可。

      可以在一个项目中混合使用两种语法，但不能再一个文件中混合使用两种语法。