Sass(Scss) Memo: @if | Culture27

今回は@ifについてです。 @if、@else if、@elseが使えます。 こんな感じ。 Scss $var1: aaa; @if $var1 == 'bbb' { /* A:$var1 が bbb の場合に出力される */ } @else if $var1 == 'ccc' { /* B:最初の条件を満たさず、$var1 が ccc の場合に出力される */ } @else if $var1 == 'aaa' { /* C:2つの条件を満たさず、$var1 が aaa の場合に出力される */ } @else { /* D:それ以外の場合に出力される */ } 出力結果のCSS /* C:2つの条件を満たさず、$var1 が aaa の場合に出力される */ 条件の判別には==だけでなく他の比較演算子(<, <=, >, >=, !=)も使えます。 Scss $var1: aaa; $

[terkel]

and、or、not が使える