Sass - 控制指令和表达式


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

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

S. 编号 控制指令和带有描述的表达式
1 如果()

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

2 @如果

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

3 @为了

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

4 @每个

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

5 @尽管

它采用 SassScript 表达式,直到语句计算结果为 false 为止,它会迭代输出嵌套样式。