SassScript 支持七种主要的数据类型 :字符串 、数字、颜色 、布尔型 、空值 、数组(list)、maps(相当于 JS 的对象)
1 . 字符串
支持两种类型字符串 ,有引号(单引号、双引号),无引号。推荐用双引号 。
&what : "heart";
2 . 数字(可正可负可为零可浮点)
支持两种数据类型 ,带单位和不带单位 。单位会和数字当成一个整体,进行算运算 。
$ age : 18
注意 : 18a 也是数字类型。
3 .空值(进行逻辑判断时用)
只有一个取值 null。
4 . 布尔型
只有两个取值 false ,true
注意 : 只有自身是false 或 null 时才会返回false ,其他情况都是 true 。(空的字符串"" 也是 true)
5 . 数组
一维: 不用逗号 ,空格隔开就行。
$list1 : 1px 2px 3px;
二维: 用小括号包括 ,或者子数组间用逗号隔开
$list2 : (1px 2px)(3px 4px)
$list3 : 1px 2px , 3px 4px
6 . maps (映射)
$maps : (
key1 : value1 ,
key2 : value2
)
7 .颜色
css 原有颜色类型 ,六进制 / RGB / RGBA / HSL / HSLA / 色彩单词 。 scss 提供了内置颜色函数可以使用 。