SASS-控制指令和表达式用法介绍

【SASS-控制指令和表达式用法介绍】Sass控制指令和表达式可帮助你根据某些条件使用样式。它还使你能够多次应用相同的样式。 SassScript支持它。
控制指令是指南针库的一部分。这些主要用于mixin, 并需要相当大的灵活性。
Sass中使用的控制指令和表达式的列表:

SASS-控制指令和表达式用法介绍

文章图片
Index Expression Description
1. if() function if()函数基于条件。它仅从两个可能的值中返回一个结果。
2. @if directive @if指令接受SassScript表达式, 并在表达式的结果为false或null之外的任何时候使用嵌套样式。
3. @else if指令 当@if指令失败时, 使用Sass @ else-if指令。如果失败, 则使用@else指令。
4. @for指令(带关键字) @for指令可帮助你循环生成样式。
5. @each directive 在@each指令中定义了一个变量, 该变量包含列表中每个项目的值。
6. @each指令具有多个分配 我们可以在Sass @each指令中使用多个值, 例如$ var1, $ var2, $ var3, … 。
7. @for指令与to关键字 在Sass @for指令中, ” to” 关键字用于将范围形式的值指定为value之前的值。
8. @while指令 它使用SassScript表达式, 直到该语句的计算结果为false为止, 它会迭代输出嵌套样式。

    推荐阅读