Sass 语言中支持的数据类型有下面几种:
- numbers:表示整数类型。
- strings:在单引号
''
或双引号""
内定义的字符序列。 - booleans:布尔类型,有
true
和false
两个值。 - colors:用于定义颜色值。
- nulls:指定空值,是未知数据。
- lists:值列表类型,表示由空格或逗号分隔的值。
- maps:从一个值映射到另一个值。
numbers 类型
数字在 CSS 中应用的很广泛,大多数都是结合单位一起使用的,但是在技术上依然算是数字。例如字体大小、长高、外边距内边距等。Sass 中也有数字(numbers )类型,数字类型的值可以做一些加减乘除的运算。
示例:
例如定义一个变量 $num
,给这个变量赋一个数字类型的值:
$num:24px;
.xkd{
font-size: $num - 4;
padding: $num + 6px;
width: $num * 5;
border-radius: $num / 6;
}
编译成 CSS 代码:
.xkd {
font-size: 20px;
padding: 30px;
width: 120px;
border-radius: 4px;
}
上述代码中,我们可以对这个