@if指令接受表达式和使用嵌套样式,无论表达式的结果只不过是false或null。 　　语法： 　　scss实例： 　　编译后的代码如下: ...

　　@else if语句用来与@if指令一起使用。当 @if 语句失败时，则 @else if 语句测试，如果它们也无法测试满足时再 @else 执行。 　　语法： 　　scss代码实例： 　　编译后的css代码如下： ...

　　一、@each指令实例 　　在@each变量的定义，其中包含的每个项目的列表中的值。 　　语法： 　　语法简要说明如下。 $var: 它代表了变量的名称。 @each规则将 $var 每个项目在列表中使用 $var 值输出样式。 <list ...

Sass 支持所有的 CSS3 @-Rules，以及 Sass 特有的 “指令”（directives） 1.@import @import 的功能，允许其导入 SCSS 或 Sass 文件。被导入的文件将合并编译到同一个 CSS 文件中，另外，被导入的文件中所包含的变量或者混合指令 ...

新建通用common.scss 引入 这样，就不用重复的写SCSS了。 ...

项目中虽然没有一键换肤的要求，但是产品要求后期能换主题。在开发组件中涉及到主题的地方，要提取一些公用的变量，不要直接写死样式值。但是如果只是定义一些变量的话，只是完成控制颜色等值的提取。后期切换的话需要把所有变量再写一遍并注释之前的。不是很优雅。 一、Scss部分 ...

1. CSS预处理器 定义了一种新的专门的编程语言，编译后成正常的CSS文件。为CSS增加一些编程的特性，无需考虑浏览器的兼容问题，让CSS更加简洁，适应性更强，可读性更佳，更易于代码的维护等诸多好处。 CSS预处理器语言：scss（sass）、LESS ...

一、使用变量 　　sass 让人们受益的一个重要特性就是为 CSS 引入了变量。你可以把反复使用的 CSS 属性值 定义成变量，然后通过变量名来引用它们，而无需重复书写这一属性值。或者，对于仅使用过 ...