Sass - 控制指令和表达式

原创
admin 4个月前 (08-09) 阅读数 16 #CSS

Sass - 控制指令和表达式

在本章中,我们将学习关于控制指令和表达式的内容。基于某些条件进行样式设置,或者多次应用带有变化的相同样式,可以通过使用SassScript支持的控制指令和表达式来实现。这些控制指令是高级选项,主要用于mixins中。它们需要相当大的灵活性,因为它们是Compass库的一部分。

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

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

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

2 @if

@if指令接受SassScript表达式,只要表达式的结果不是falsenull,就会使用嵌套样式。

3 @for

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

4 @each

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

5 @while

它接受SassScript表达式,直到语句评估为false,才会迭代输出嵌套样式。

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权本站发表,未经许可,不得转载。

作者文章
热门
最新文章
标签列表