- 原文地址:CSS To SASS
- 原文作者:Amina laabidi
- 译文出自:掘金翻译计划
- 本文永久链接:CSS 转 SCSS
- 译者:前端picker
- 校对者:无(欢迎大家提意见,喷我都行)
SASS,全称Syntically Awesome Stylesheet,是CSS的扩展,CSS预处理器,与所有版本的CSS 兼容。
CSS是一门有趣的语言,可以做许多有意思的事情。但是随着样式表的增多,维护会变得艰难,这是CSS自带的缺点。但是预处理器的出现,解决了这个问题。
SASS允许你使用CSS中尚不支持的功能。例如变量、嵌套、mixins、 继承以及其他更先进的功能。
变量
嵌套
Mixins
模块
您不必将所有的SASS都写在一个文件内,可以分割在不同的文件内。
继承-Inheritance
继承是十分有用的,你可以继承自父类,并且可以重写父类属性。
函数和 For 循环
和 lightness 一致,SASS 有许多内置函数,这些函数在大型应用程序中非常有用。
除了 @for , SASS 还有 @each,@while,@f & @else 等流程控制函数。