- Sass 教程
- Sass - 首页
- Sass - 概述
- Sass - 安装
- Sass - 语法
- 使用 Sass
- Sass - CSS 扩展
- Sass - 注释
- Sass - 脚本
- Sass - @ 规则和指令
- 控制指令和表达式
- Sass - 混合指令
- Sass - 函数指令
- Sass - 输出样式
- 扩展 Sass
- Sass 实用资源
- Sass - 面试题
- Sass - 快速指南
- Sass - 实用资源
- Sass - 讨论
Sass - 控制指令和表达式
在本章中,我们将学习控制指令和表达式。通过使用 SassScript 支持的控制指令和表达式,可以基于某些条件进行样式设计,或以变化进行多次应用相同样式。这些控制指令是高级选项,主要在混合指令中使用。它们需要相当大的灵活性,因为它们是 Compass 库的一部分。
下表列出了 SASS 中使用的控制指令和表达式 −
序号 | 带有说明的控制指令和表达式 |
---|---|
1 | if()
根据条件,if() 函数仅从两个可能的结果中返回一个结果。 |
2 | @if
@if 指令接受 SassScript 表达式,并且只要表达式的结果不为false 或null,它就使用嵌套样式。 |
3 | @for
@for 指令允许你在循环中生成样式。 |
4 | @each
在 @each 指令中,定义了一个变量,其中包含列表中每个项目的值。 |
5 | @while
它接受 SassScript 表达式,并在语句求值为 false 之前迭代输出嵌套样式。 |
广告