概览
Sass 支持多种值类型,其中大部分直接来自 CSS。每个表达式都会产生一个值,变量保存值。大多数值类型直接来自 CSS:
Sass 支持多种值类型,其中大部分直接来自 CSS。每个表达式都会产生一个值,变量保存值。大多数值类型直接来自 CSS:
- 数字,可能带有也可能不带有单位,例如
12或100px。 - 字符串,可能带有也可能不带有引号,例如
"Helvetica Neue"或bold。 - 颜色,可以通过十六进制表示或名称引用,例如
#c6538c或blue,或者从函数返回,例如rgb(107, 113, 127)或hsl(210, 100%, 20%)。 - 值列表,可以用空格或逗号分隔,可以包含在方括号内,也可以完全不包含括号,例如
1.5em 1em 0 2em、Helvetica, Arial, sans-serif或[col1-start]。
还有一些是 Sass 特有的:
- 布尔值
true和false。 - 单例
null值。 - 映射,将值与键关联,例如
("background": red, "foreground": pink)。 - 由
get-function()返回并由call()调用的函数引用。
css @规则
Sass 支持所有作为 CSS 一部分的 at-rules。为了保持灵活性和对未来 CSS 版本的向前兼容性,Sass 默认提供了通用的支持,涵盖了几乎所有 at-rules。一个 CSS at-rule 的写法是 @<name> <value>、@<name> { ... } 或 @<name> <value> { ... }。name 必须是标识符,而 value(如果存在)可以是几乎任何东西。name 和 value 都可以包含插值。
Numbers
Sass 中的数字有两个组成部分:数字本身及其单位。例如,在 16px 中,数字是 16,单位是 px。数字可以没有单位,也可以有复杂的单位。有关更多详细信息,请参见下面的单位。