Sass - 控制指令 & 表达式
在本章中,我们将学习 控制指令 & 表达式。基于某些条件进行样式设置,或多次应用相同样式但带有变化,可以通过使用 SassScript 支持的控制指令和表达式来实现。这些控制指令是主要用于 mixins 的高级选项,它们需要相当大的灵活性,因为它们是 Compass 库的一部分。
下表列出了 SASS 中使用的控制指令和表达式 −
| 序号 | 控制指令 & 表达式及其描述 |
|---|---|
| 1 | if()
根据条件,if() 函数从两个可能结果中仅返回一个。 |
| 2 | @if
@if 指令接受 SassScript 表达式,并在表达式结果不为 false 或 null 时使用嵌套样式。 |
| 3 | @for
@for 指令允许你在循环中生成样式。 |
| 4 | @each
在 @each 指令中,定义一个变量,该变量包含列表中每个项的值。 |
| 5 | @while
它接受 SassScript 表达式,并在语句求值为 false 之前迭代输出嵌套样式。 |