sass 条件指令 (if)
例子
该@if控制指令计算一个表达式,如果它返回比其他任何东西false,它处理它的样式块。
Sass示例
$test-variable: true !default
=test-mixin
@if $test-variable
display: block
@else
display: none
.test-selector
+test-mixinSCSS示例
$test-variable: true !default
@mixin test-mixin() {
@if $test-variable {
display: block;
} @else {
display: none;
}
}
.test-selector {
@include test-mixin();
}上面的示例生成以下CSS:
.test-selector {
display: block;
}