Sass 控制指令和表达式怎么用?

文章导读
上一个 测验 下一个 在本章中,我们将学习 控制指令 & 表达式。基于某些条件进行样式设置,或多次应用相同样式但带有变化,可以通过使用 SassScript 支持的控制指令和表达式来实现。这些控制指令是主要用于 mixins 的高级选项,它们需要相当大的灵活性,因为
A A

Sass - 控制指令 & 表达式



上一个
测验
下一个

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

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

序号 控制指令 & 表达式及其描述
1 if()

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

2 @if

@if 指令接受 SassScript 表达式,并在表达式结果不为 falsenull 时使用嵌套样式。

3 @for

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

4 @each

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

5 @while

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