Sass中控制命令指的是@if
、@each
、@for
和@while
。具有一定的逻辑判断和循环遍历能力,这个对于懂JavaScript或者后端语言的同学来说一点都不难。但在CSS中是不可思议的一件事情,最起码到目前为止是不太可能的事情。但在Sass这样的CSS预处理器语言中实现了。
@if
@if
指令是一个 SassScript,它可以根据条件来处理样式块,如果条件为 true 返回一个样式块,反之 false 返回另一个样式块。在 Sass 中除了 @if
之,还可以配合 @else if
和 @else
一起使用。
//SCSS
@mixin blockOrHidden($boolean:true) {
@if $boolean {
@debug "$boolean is #{
$boolean}";
display: block;
}
@else {
@debug "$boolean is #{
$boolean}";
display: none