SASS/SCSS预处理完全指南 概述 SASS(Syntactically Awesome Style Sheets)是一种CSS预处理器,它为CSS添加了编程特性,如变量、嵌套、混合(mixin)、函数等。SCSS是SASS的第三代语法,完全兼容CSS3,是现代前端开发的必备工具。 SASS vs SCSS SASS语法(缩进语法) SCSS语法(花括号语法) 变量 定义和使用 变量作用域 变量插值 嵌套 基本嵌套 父选择器引用 混合(Mixin) 定义和使用 带参数的Mixin 默认参数 可变参数 条件Mixin 函数 内置函数 自定义函数 继承 基本继承 链式继承 占位符选择器 运算 数学运算 颜色运算 条件和循环 条件语句 循环 模块化 Partials和@import