codecamp

Sass 控制指令和表达式

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

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

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

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

@if 指令接受SassScript表达式,并且只要表达式的结果是除 false null 之外的任何结果,就使用嵌套样式。
3 @for

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

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

它需要SassScript表达式,直到语句计算结果为false,它迭代地输出嵌套样式。
Sass @-规则和指令
Sass 混入指令
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Sass 相关资源

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }