• :绿叶3.0 beta版已推出(点击查看),欢迎小伙伴尝鲜使用。新版网站暂时处于测试阶段,如果没有太大问题,将于11月份采用主站域名。

5.1 Sass代码重用

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

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

  • (1)继承“@extend”;
  • (2)占位符“%placeholder”;
  • (3)混合宏“@mixin”;

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

:本站所有教程均为原创,大部分已经与人民邮电出版社合作出版,禁止转载和抄袭,否则绿叶学习网和人民邮电出版社必将追究法律责任,附录:互联网著作权保护法。【法律顾问:张俊律师】

小伙伴们也可以加一下QQ群,在“群文件”中可以获取配套资源以及更多学习资源,以及跟其他小伙伴交流,站长也在群内。

(1)QQ群:662583120(暗号:lvye

(2)绿叶学习网常见问题解答

回到顶部