1.变量$curColor: green.userCard { background:$curColor;}2.混合(可以添加参数: 参数名:值 即可)@mixin large-text { font:{ family:Arial; size:20xp; weight:bold; }}.page-title { @include large-text;}3.选择器a { colorL:blue; &:hover { text-decoration:underline; }}4.数值可以直接写运算符 原文：https://www.cnblogs.com/zzzzzzzsy/p/10251071.html
[Sass运算]加法程序中的运算是常见的一件事情，但在 CSS 中能做运算的，到目前为止仅有 calc() 函数可行。但在 Sass 中，运算只是其基本特性之一。在 Sass 中可以做各种数学计算，在接下来的章节中，主要和大家一起探讨有关于 Sass 中的数学运算。（一）、加法加法运算是 Sass 中运算中的一种，在变量或属性中都可以做加法运算。如：.box {width: 20px + 8in; }编译出来的 CSS:.box {width: 788px; }但对于携带不同类型的单位时，在...
以前看到php变量的定义，直接使用$符号开始，怎么看都不习惯。后来呀，在使用Emmet的过程中，又接触到了$符号。今天，在学习Sass的过程种，再一次接触到$符号，兴致所致，不由得想写一篇，对比一下搞不懂的$符号设计。 1. Emmet div.item-$*5{haha} $*5 被对应的替换为1，2，3，4，5 2. Sass生成item-1, item-2, item-3, item-4, item-5 这5个类，$i，即$1, $2, $3, $4, $5 分别代表一个变量名，插入选择器中 输入sass命令： sas...
grunt-contrib-compass的作用是编译sass文件为css。使用该插件需要先安装sass和compass。（1）安装sassgem install sass（2）安装compassgem install compass（3）执行 compass create webfans(项目名称)，如果不带项目名称，则是在当前目录下生成一个项目结构：config.rb里面存储了基本的配置，css目录和sass目录（4）安装grunt的grunt-contrib-compass插件npm install grunt-contrib-compass --save-dev（5）配置Gruntfile.jsgru...
Install from mirror in Chinanpm install -g mirror-config-china --registry=http://registry.npm.taobao.org npm install node-sass 第一步很重要。mirror-config-china原文：https://www.cnblogs.com/guangzan/p/12636400.html
“我应该选择哪种CSS预处理器语言?”什么是CSS 预处理器？CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行CSS的编码工作。为什么要使用CSS预处理器？CSS仅仅是一个标记语言，不可以自定义变量，不可以引用。CSS有具体以下几个缺点：语法不够强大，比如无法嵌套书写，导致模块化开发中需要书写很多重复的选择器；没...
解决方法： 主要是windows平台缺少编译环境，1、先运行： npm install -g node-gyp 2、然后运行：运行 npm install --global --production windows-build-tools可以自动安装跨平台的编译器npm uninstall node-sass npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ 接着就可以npm install npm run dev
SASS2007年诞生，最早也是最成熟的CSS预处理器，拥有ruby社区的支持和compass这一最强大的css框架，目前受LESS影响，已经进化到了全面兼容CSS的SCSS。Sass（英文全称：Syntactically Awesome Stylesheets）是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。在开发最初版本之后，Weizenbaum和Chris Eppstein继续通过SassScript来继续扩充Sass的功能。SassScript是一个在Sass文件中使用的小型脚本语言。（...