SassScript 02 数据类型

94 阅读1分钟

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 提供了内置颜色函数可以使用 。