CSS预处理器之Sacc

Sass最佳实践与展望 最佳实践 合理的组织你的文件和目录结构：可以将一个大的 Sass 文件拆分成一个一个小的模块，我们可以按照功能、页面、组件来划分我们的文件结构，这样的话更加利于我们的项目维护。

@规则 在原生 CSS 中，存在一些 @ 开头的规则，例如 @import、@media，Sass 对这些 @ 规则完全支持，不仅支持，还在原有的基础上做了一些扩展。 @import 在原生的 CSS

Sass函数指令 上一小节所学习的混合指令虽然有点像函数，但是它并不是函数，因为混合指令所做的事情就是单纯的代码的替换工作，里面并不存在任何的计算。在 Sass 里面是支持函数指令。 自定义函数 在

Sass 混合指令 在 Sass 里面存在一种叫做混合指令的东西，它最大的特点就是允许我们创建可以重用的代码片段，从而避免了代码的重复，提供代码的可维护性。 混合指令基本的使用 首先要使用混合指令，我

Sass控制指令 前面我们说了 CSS 预处理器最大的特点就是将编程语言的特性融入到了 CSS 里面，因此既然 CSS 预处理器里面都有变量、数据类型，自然而然也会有流程控制。 三元运算符 示例如下：

Sass基础语法 嵌套语法 嵌套语法也是 Sass 刚推出来的时候的一大亮点，嵌套语法让我们开发在书写 CSS 的时候节省了很多的代码量。 例如： 另外还支持一个 & 符号，表示和父选择器结合。如果你

Sass基础语法 注释 变量 数据类型 嵌套语法 插值语法 运算 注释 CSS 里面的注释 /* */ ，Sass 中支持 // 来进行注释，// 类型的注释再编译后是会消失 如果是压缩输出模式，那么

预处理器介绍 预处理器基本介绍 Sass 快速入门 预处理器基本介绍 平时在工作的时候，经常会面临这样的情况：需要书写很多的样式代码，特别是面对比较大的项目的时候，代码量会急剧提升，普通的CSS书写方