Sass代码重用

在实际开发中，我们经常会碰到好些不同地方都用到相同的CSS样式的情况。如果相同的CSS样式只有一个CSS属性，此时只需要使用Sass变量实现就可以满足了。如果相同的CSS样式有多个CSS属性，这个时候我们就希望把“相同的CSS样式”当做整块来处理。

在Sass中，为我们提供了3种方式来处理经常被多个地方使用的相同的CSS代码块：

• （1）继承“@extend”；
• （2）占位符“%placeholder”；
• （3）混合宏“@mixin”；

这几种实现代码重用的方式，在Sass开发中非常非常重要，因为使用这些可以极大地提高我们的开发效率，所以这一章小伙伴们要重点学习。接下来我们一一给大家详细介绍。