sass写法

sass写法
SASS（Syntactically Awesome Style Sheets）是一种加强版的CSS （Cascading Style Sheets），主要是为了解决CSS的缺点或弊端，使CSS开发者可以更便捷的书写能够定制的丰富的CSS语法。

1、SASS特性：
（1）变量化：SASS可以将功能相同的CSS属性定义至变量中，以便
缩短代码。

（2）嵌套：SASS可以采用嵌套的形式缩短代码，减少对几乎相同的
代码的重复定义。

（3）混合：可以将功能相似的CSS样式属性定义为一组函数（mixin），以便在其他地方调用。

（4）继承：将公共的CSS属性和背景定义至父类，子类可以继承父类
的样式。

（5）运算：SASS允许进行简单的数学运算，比如让两个属性值相加，让一个属性值乘以另一个属性值，等等。

2、SASS 的优势：
（1）节省代码：SASS允许在CSS写法时使用变量、嵌套、混合等机制，这样使用SASS可以减少重复书写代码的工作量。

（2）易于维护：SASS中使用变量和模块化，便可以让页面上类似的
元素分组使用，这样在今后的更新中只需要添加或修改模块，不会影
响太多的样式。

（3）可扩展性：通过变量、函数（mixin）及模块机制，可以使SASS
看起来更像是一种高级的语言，可以更好的进行抽象、封装。

EL条件判断：SASS支持EL条件判断，可在不同的CSS代码区块里
执行判断语句来实现灵活的控制属性组合。

（4）拓展性：由于SASS支持EL条件判断，所以可以拓展CSS样式，在不同浏览器中实现更好的兼容性。

3、SASS的缺点：
（1）调试难度：SASS在调试时必须要经过编译生成CSS文件，才能
在浏览器中查看效果，势必会降低调试效率。

（2）学习成本：由于SASS对 CSS 语言做了扩充，增加了变量、嵌套、EL条件判断等特性，由于和习惯的 CSS 语法有所不同，所以学习成本
较高。

（3）兼容性：SASS语法不是所有的浏览器都支持，需要通过编译才
能兼容到所有浏览器。

（4）编译慢：在编译过程中，由于SASS对原来的CSS语法做了加强，所以导致编译速度较慢，用户体验受到影响。

总之，综合起来看，SASS原本的目的就是要使用变量、函数、模块来
封装，模块化更加优美，省去重复定义的CSS代码，但伴随着新的特
性的引入，可能会带来一定的不方便，在使用时也还需要综合考虑。