安装
快速入门
使用变量
嵌套CSS 规则
导入SASS文件
静默注释
混合器
使用选择器继承来精简CSS
小结
中文文档
特色功能
语法格式
使用 Sass
CSS 功能拓展
注释 /* */ 与 //
SassScript
@-Rules 与指令
控制指令
混合指令
函数指令
输出格式
拓展 Sass
小结 - Sass基础文档 - 笔下光年
网站首页
小结
本文介绍了`sass`最基本部分,你可以轻松地使用`sass`编写清晰、无冗余、语义化的`css`。对于`sass`提供的工具你已经有了一个比较深入的了解，同时也掌握了何时使用这些工具的指导原则。 变量是`sass`提供的最基本的工具。通过变量可以让独立的`css`值变得可重用，无论是在一条单独的规则范围内还是在整个样式表中。变量、混合器的命名甚至`sass`的文件名，可以互换通用_和-。同样基础的是`sass`的嵌套机制。嵌套允许`css`规则内嵌套`css`规则，减少重复编写常用的选择器，同时让样式表的结构一眼望去更加清晰。`sass`同时提供了特殊的父选择器标识符&，通过它可以构造出更高效的嵌套。 你也已经学到了`sass`的另一个重要特性，样式导入。通过样式导入可以把分散在多个`sass`文件中的内容合并生成到一个`css`文件，避免了项目中有大量的`css`文件通过原生的`css` `@import`带来的性能问题。通过嵌套导入和默认变量值，导入可以构建更强有力的、可定制的样式。混合器允许用户编写语义化样式的同时避免视觉层面上样式的重复。你不仅学到了如何使用混合器减少重复，同时学习到了如何使用混合器让你的`css`变得更加可维护和语义化。最后，我们学习了与混合器相辅相成的选择器继承。继承允许你声明类之间语义化的关系，通过这些关系可以保持你的`css`的整洁和可维护性。
上一篇：
使用选择器继承来精简CSS
下一篇：
中文文档
