Sass

sass是一门css扩展语言，css预处理器 sass是基于ruby语言开发，在前端中可以使用npm安装 npm install node-sass或者npm install node-sass –save-dev 当然也可以安装ruby，通过gem托管服务进行安装sass gem install sass 文件 hallo.scss 解析为css文件 sass hallo.scss hallo.css sass提供了4种编译风格 nested：嵌套缩进的css代码，默认值 expanded：没有缩进，扩展的css代码 compact：简洁格式的css代码 compressed：压缩后的css代码，生产环境一般选择这个 编译风格使用语法 sass –style nested hallo.scss hallo.css 也可以让sass自动编译 监听文件 sass –watch hallo.scss:hallo.css 监听目录 sass –watch sass/style.scss:css/style.css 注意：目录不要有中文 注释 /* 注释 */ // 注释 /*! 注释 */ 第一种注释，会保留到编译后的css文件中 第二种注释，不会编译到编译后的css文件中 第三种注释，是表示重要注释，就算就是压缩编译，也会保留这个注释，一般用来声明版权 变量 $color: #ccc; #app{ color: $color; } 变量也可以嵌套到属性中 $right: right; #app{ margin-#{$right}: 50px; } 运算 允许使用加减乘除运算 #app{ width: 100px + 20px; height: (300px / 3) * 2; } 嵌套，嵌套一般用在有同一个父元素（祖先元素）下，例如：...