Sass - 控制指令和表达式



在本章中,我们将学习控制指令和表达式。通过使用 SassScript 支持的控制指令和表达式,可以基于某些条件进行样式设计,或以变化进行多次应用相同样式。这些控制指令是高级选项,主要在混合指令中使用。它们需要相当大的灵活性,因为它们是 Compass 库的一部分。

下表列出了 SASS 中使用的控制指令和表达式 −

序号 带有说明的控制指令和表达式
1 if()

根据条件,if() 函数仅从两个可能的结果中返回一个结果。

2 @if

@if 指令接受 SassScript 表达式,并且只要表达式的结果不为falsenull,它就使用嵌套样式。

3 @for

@for 指令允许你在循环中生成样式。

4 @each

@each 指令中,定义了一个变量,其中包含列表中每个项目的值。

5 @while

它接受 SassScript 表达式,并在语句求值为 false 之前迭代输出嵌套样式。

广告