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为止，它会迭代地输出嵌套样式。