当前位置: 代码迷 >> 综合 >> Scss-监听和数据类型
  详细解决方案

Scss-监听和数据类型

热度:99   发布时间:2023-12-10 09:42:21.0

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文件:

  相关解决方案