2020.12.14 04:03
Scss
-
- 00.监听文件(node-sass)
- 01.单行注释和多行注释
- 02.变量的定义、使用和作用域
- 03.数据类型
- 04.数据类型----字符串(Strings)
- 05.数据类型----数字(Numbers)
- 06.数据类型----空值(Null)
- 07.数据类型----布尔值(Booleans)
- 08.数据类型----数组(Lists)
- 09.数据类型----映射(Maps)
- 10.数据类型----颜色(Colors)
00.监听文件(node-sass)
创建.scss文件,使用命令node-sass 名字.scss 名字.css
在命令行中scss文件同目录下输出node-sass -w a.scss
会默认生成a.css
(未压缩版css文件)和a.min.css
(压缩后的css文件)
在scss文件里编写会同步编译到css文件中
01.单行注释和多行注释
- scss文件里单行注释不会被编译到css文件里
- scss文件里多行注释会完整的被编译到css文件里
scss文件:
css文件:
02.变量的定义、使用和作用域
定义:$变量名:值
例如:$color:red;
使用:在选择器中调用即可
scss文件:
编译后的css文件: