Sass 控制指令和表达式
在本章中,我们来研究控制指令和表达式。基于某些条件的样式或多次应用相同样式的变体可以通过使用SassScript支持的控制指令和表达式来实现。这些控制指令是主要在mixin中使用的高级选项。它们需要相当大的灵活性,因为它们是Compass库的一部分。
下表列出了SASS中使用的控制指令和表达式:
序号 | 控制指令和表达式描述 |
1 | if() 基于条件, if() 函数仅返回两个可能结果中的一个结果。 |
2 | @if @if 指令接受SassScript表达式,并且只要表达式的结果是除 false 或 null 之外的任何结果,就使用嵌套样式。 |
3 | @for @for 指令允许您在循环中生成样式。 |
4 | @each 在 @each 指令中,定义了一个变量,其中包含列表中每个项目的值。 |
5 | @while 它需要SassScript表达式,直到语句计算结果为false,它迭代地输出嵌套样式。 |