初学Sass对Sass的一点理解和笔记,Sass同Scss,其实两者指的都是一个,区别在于书写格式上,Sass的书写形式为ruby(其实我不了解ruby),省去了class的. {} ;, Scss的书写形式更像是css的写法,关于Sass就说这么多,这不是重点,该篇文章也不是Sass的入门等等,主要作为自己的学习笔记 。
关于混合宏、继承和占位符的区别比较:

混合宏

声明方式 @mixin
调用方式 @include

常用于 相同的代码块需要在不同的环境传递不同的值时,可以通过混合宏来定义重复使用的代码块
不足:编译出来的css代码有相同部分的代码块不能自动合并,从而导致代码冗余

继承

声明方式 .class
调用方式 @extend

常用于 相同的代码块不需要传递不同的值,且在sass中已定义,这样可以通过Sass继承调用已存在的基类,使用继承可以将调用相同基类的代码合并到一起
不足: 即使基类不存在与html的结构中,继承后都会生成基类样式的代码块

占位符%placeholder

声明方式 %placeholder
调用方式 @extend

常用于 占位符与继承基本类型类似,不同的是相同的代码不存在基类中,需要额外声明,如果不调用已声明的占位符,则不会产生其相关代码,如果在不同选择器中调用占位符,那么编译出的css则是合并相同的代码,不会造成代码冗余