个性化阅读
专注于IT技术分析

SASS-控制指令和表达式用法介绍

Sass控制指令和表达式可帮助你根据某些条件使用样式。它还使你能够多次应用相同的样式。 SassScript支持它。

控制指令是指南针库的一部分。这些主要用于mixin, 并需要相当大的灵活性。

Sass中使用的控制指令和表达式的列表:

Sass控制指令和表达
Index Expression Description
1. if() function if()函数基于条件。它仅从两个可能的值中返回一个结果。
2. @if directive @if指令接受SassScript表达式, 并在表达式的结果为false或null之外的任何时候使用嵌套样式。
3. @else if指令 当@if指令失败时, 使用Sass @ else-if指令。如果失败, 则使用@else指令。
4. @for指令(带关键字) @for指令可帮助你循环生成样式。
5. @each directive 在@each指令中定义了一个变量, 该变量包含列表中每个项目的值。
6. @each指令具有多个分配 我们可以在Sass @each指令中使用多个值, 例如$ var1, $ var2, $ var3, …。
7. @for指令与to关键字 在Sass @for指令中, ” to”关键字用于将范围形式的值指定为value之前的值。
8. @while指令 它使用SassScript表达式, 直到该语句的计算结果为false为止, 它会迭代输出嵌套样式。
赞(0) 打赏
未经允许不得转载:srcmini » SASS-控制指令和表达式用法介绍
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏