Sass 控制指令和表达式

🌙
手机阅读
本文目录结构

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

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

序号 控制指令和表达式描述
1 if()
基于条件, if() 函数仅返回两个可能结果中的一个结果。
2 @if
@if 指令接受SassScript表达式,并且只要表达式的结果是除 false 或 null 之外的任何结果,就使用嵌套样式。
3 @for
@for 指令允许您在循环中生成样式。
4 @each
在 @each 指令中,定义了一个变量,其中包含列表中每个项目的值。
5 @while
它需要SassScript表达式,直到语句计算结果为false,它迭代地输出嵌套样式。

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

于2021年离开前端领域,目前重心放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

于2021年离开前端领域,目前从事区块链方面工作了