SASS 控制表达式

SASS 控制表达式

SASS-控制指令和表达式

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

SASS 控制表达式_https://bianchenghao6.com_【SASS 教程】_第1张

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