srcminiSass控制指令和表达式可帮助你根据某些条件使用样式。它还使你能够多次应用相同的样式。 SassScript支持它。
控制指令是指南针库的一部分。这些主要用于mixin, 并需要相当大的灵活性。
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为止, 它会迭代输出嵌套样式。 |
评论前必须登录！
注册