sass的多种用法 主要归纳总结sass的常见用法，作为个人笔记使用，部分知识点并不仔细讲解。具体可参考文档：sass官网 一、嵌套 注意嵌套中常用的&符号。 除了选择器的嵌套，还有属性的嵌套： 二、变量的使用 sass使用$符号来标识变量。 注意变量是有作用域 ...

每个列表成员可以被默认绑定@value, @key, @index三个变量，对大部分的列表而言， @key和 @index会被定义为相同的值（比如以1开始的有序列表）。然而， ...

1.预备知识--什么是 CSS 预处理器 CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用 ...

为什么使用Sass 作为前端（html、javascript、css）的三大马车之一的css，一直以静态语言存在，HTML5火遍大江南北了、javascript由于NODE.JS而成为目前前后端统一开发语言的不二之选。只有css似乎成为前端开发的被忽视的角色了。 Sass让css有了动态语言 ...

Sass混合指令 @mixin和@include 用法示例 本文内容来自官网文档：https://www.sass.hk/docs/ 混合指令（Mixin）用于定义可重复使用的样式，避免了使用无语意的class，比如.float-left。混合指令可以包含所有的CSS规则，绝大部分 ...

最近做一个没有设计师参与的项目，发现 scss 内置的颜色函数还挺好用。记录分享下 rgba() 能省掉手工转换 hex 到 rgb 格式的工作，如以下 SCSS 代码 生成的 ...

一、sass语法 1.1 声明变量-普通变量-默认变量-特殊变量-全局变量 定义变量的语法： 特殊变量：一般情况下，我们定义的变量都是属性值，可以直接使用，但是如果变量作 为属性或者其他的特殊情况下，必须使用#{$variable ...

前端写样式使用预处理语言开发，是最有效的和方便维护 @mixin 混合 @extend 扩展 mixin 可以声明函数 并且会返回新的样式组合，相当于样式组合工具 可以声明多个重名的 mi ...