摘要：这种判断语句要配合混合宏来使用 定义下一混合宏 调用混合宏 根据传入的参数来返回不同的css块 @for循环 阅读全文

摘要：运算 时单位要一样 否则报错 除法时 要加（） 符号在已有的数学表达式中时，也会被认作除法符号，就不要加（） 当用变量进行除法运算时，“/”符号也会自动被识别成除法，也不用加（） 阅读全文

摘要：@extend 编译出来的css 占位符，减少代码的重复 转为css 阅读全文

摘要：复杂的混合宏： 上面是一个简单的定义混合宏的方法，当然， Sass 中的混合宏还提供更为复杂的，你可以在大括号里面写上带有逻辑关系，帮助更好的做你想做的事情,如： $shadow... 表示要传入的参数个数很多 所以这样来显示 长度>=1 就是传参数的话就用自己传的。 else如果没有传，那就用默认的 $shadow:0 0 4px rgba(0,0,0,.3); @mixin box-s... 阅读全文

摘要：全局变量和局部变量 全局变量是定义在外面的变量 局部变量是定义在括号里面的变量，在局部里面调用同名变量，就是在调用局部变量，布局变量不会污染外面的全局变量 Sass 的嵌套分为三种： 选择器嵌套 属性嵌套 伪类嵌套 假设我们有一段这样的结构： <header> <nav> <a href=“##”> 阅读全文

摘要：1、嵌套输出方式 nested Sass 提供了一种嵌套显示 CSS 文件的方式。例如 nav { ul { margin: 0; padding: 0; list-style: none; } li { display: inline-block; } a { display: block; padding: 6px 12px; ... 阅读全文

摘要：页面引入的时候还是引入的css文件 因为sass和scss都是一种css的预处理工具 目的最后都是生成css文件 sass不带{}和；是基于Ruby 写出来的，严格的缩进方式来控制 scss带这两个 less声明变量是@变量名：值 sass声明变量是$变量名：值 Sass编译过程分为下面三种 命令编 阅读全文