Sass的@if指令

来源:互联网 发布:网络错误404是怎么办 编辑:程序博客网 时间:2024/05/19 10:40

@if指令是一个SassScript,它可以根据条件来处理样式块,如果条件为true返回一个样式块,反之false返回另一个样式块。

scss语法:

$boolean: true !default;@mixin longzhoufeng-mixin {    @if $boolean {        @debug "$boolean is #{$boolean}";        display: block;    } @else{        @debug "$boolean is #{$boolean}";        display: none;    }}.boolean-style {    @include longzhoufeng-mixin;}

编译出CSS:

.boolean-style {  display: block;}
原创粉丝点击