【SASS-控制指令和表达式用法介绍】Sass控制指令和表达式可帮助你根据某些条件使用样式。它还使你能够多次应用相同的样式。 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为止, 它会迭代输出嵌套样式。 |
推荐阅读
- Sass @debug指令用法详解
- Sass @ at-root指令用法详解
- Sass的优缺点介绍
- sdk安装&连接手机或者模拟器&adb基本命令&Appium安装使用
- 注解之 @MapperScan 和 @Mapper
- 借助ESP8266 WIFI模块，实现Android手机APP控制单片机来驱动硬件。
- APP自动化框架--Appium
- 借助ESP8266 WIFI模块，实现Android手机有人网络调试助手（或Android手机网络调试助手）与单片机互相通信。
- 借助ESP8266 WIFI模块，实现Android手机有人网络调试助手（或Android手机网络调试助手）与PC端串口调试助手互相通信。