摘要：
控制指令 1.if 当 @if 的表达式返回值不是 false 或者 null 时，条件成⽴，输出 {} 内的代码。 @if 声明后⾯可以跟多个 @else if 声明，或者⼀个 @else 声明。 如果 @if 声明失败，Sass 将逐条执⾏ @else if 声明， 如果全部失败，Y后执⾏ @e 阅读全文
摘要：
运算 1. 插值语句 之前创建变量是⽤于样式中的值，但是选择器的名字不能使⽤变量，但可以使⽤插值#{}包裹变量后使 ⽤ ⽽且 使⽤ #{} 可以避免 Sass 运⾏运算表达式，⽐如/除号，有时候不是要除号⽽是需要斜杠 通过 #{} 插值语句可以在选择器或属性名中使⽤变量 使⽤ #{} 可以避免 Sa 阅读全文
摘要：
占位符选择器 % 占位符选择器的作用，个人看来是将一类属性分组，但是改组不需要转化css,而是在之后的编辑中可能用到，为了避免重复工作，使用占位符选择器预先定义好，使用的时候使用继承直接拉到需要的选择器中，可以重复使用 %aBtn{ font-size: 20px; text-align: cent 阅读全文
摘要：
Sass @extend 与 继承 @extend 指令告诉 Sass 一个选择器的样式从另一选择器继承。 如果一个样式与另外一个样式几乎相同，只有少量的区别，则使用 @extend 就显得很有用。 以下 Sass 实例中，我们创建了一个基本的按钮样式 .button-basic，接着我们定义了两个 阅读全文
摘要：
@mixin 与 @include @mixin 指令允许我们定义一个可以在整个样式表中重复使用的样式。 @include 指令可以将混入（mixin）引入到文档中。 混入(mixin)通过 @mixin 指令来定义。 @mixin name { property: value; property: 阅读全文
摘要：
Sass @import 顾名思义，表示的是加载其他文件的内容到本文件中 sass中使用该方式加载的时候是直接将两个文件的内容合二为一使用 a.scss文件 div { width: 200px; height: 200px; background-color: red; p { color: wh 阅读全文
摘要：
⽗选择器 & ⽗选择器 & 的使⽤是代表当前作⽤域所有的结构集合 如果需要使⽤伪类，必须使⽤&进⾏占位 div { width: 200px; height: 200px; background-color: red; p { color: white; font-size: 20px; a { t 阅读全文
摘要：
Sass 嵌套规则与属性 sass的嵌套编写方式如下 nav { ul { margin: 0; padding: 0; list-style: none; } li { display: inline-block; } a { display: block; padding: 6px 12px; 阅读全文
摘要：
Sass 变量 变量用于存储一些信息，它可以重复使用。 Sass 变量可以存储以下信息： 字符串 数字 颜色值 布尔值 列表 null 值 Sass 变量使用 $ 符号： $variablename: value; 示例 $myFont: Helvetica, sans-serif; $myColo 阅读全文
摘要：
#sass的安装 ##sass是什么？ sass是scss的老版本，是一种css预处理器，为css增加了编程特性，作用是是的css编程无需考虑浏览器的兼容性，可以想编程一样使用编辑css； 使用预处理器可以让代码更加简洁，提高代码的复用性 ###常见的css预处理器 sass，scss，less,s 阅读全文