Sass 控制指令和表达式

2018-12-30 17:14 更新

在本章中,我们来研究控制指令表达式基于某些条件的样式或多次应用相同样式的变体可以通过使用SassScript支持的控制指令和表达式来实现。这些控制指令是主要在mixin中使用的高级选项。它们需要相当大的灵活性,因为它们是Compass库的一部分。

下表列出了SASS中使用的控制指令和表达式:

序号控制指令表达式描述
1 if()

基于条件, if() 函数仅返回两个可能结果中的一个结果。
2 @if

@if 指令接受SassScript表达式,并且只要表达式的结果是除 false null 之外的任何结果,就使用嵌套样式。
3 @for

 @for 指令允许您在循环中生成样式。
4 @each

@each 指令中,定义了一个变量,其中包含列表中每个项目的值。
5 @while

它需要SassScript表达式,直到语句计算结果为false,它迭代地输出嵌套样式。
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号