返回主导航
scss 基础
什么是 scss
使用 npm install sass 命令,安装 Sass 模块包
在 windos 上,使用包管理器 Chocolatey,安装 Sass
在Mac OS X 或 Linux 上,使用包管理器 Homebrew,安装 Sass
scss 语法
scss 语法特点
解析样式表
样式表的结构
注释
特殊函数
支持 CSS 规则
scss 样式
样式规则
属性声明
父选择器
占位符选择器
变量
插值
scss 规则
@use
加载的样式表
@forward
转载多个样式表
@import
导入样式表
@mixin 与 @include
混入和引用
@function
函数
@extend
继承
@error
错误提示
@warn
警告
@debug
测试变量
@at-root
scss 流程控制
@if 和 @else
@each
遍历
@for
循环
@while
循环
scss 数据值
数字(Numbers)
字符串(Strings)
颜色(Colors)
列表(Lists)
地图(Maps)
布尔值(Booleans)
null 值
函数(Functions)
计算(Calculations)
scss 运算符
运算符
相等运算符
关系运算符
数值运算符
字符串运算符
布尔运算符
scss 内置模块
内置模块
sass:color
颜色模块
sass:list
列表模块
sass:map
地图映射模块
sass:math
数字模块
sass:meta
元模块
sass:selector
选择器模块
sass:string
字符串模块