課程
/前端開發
/Sass/Less
/Sass進階篇
if 和else 里面的@debug "$boolean is #{$boolean}";是一樣的，怎么判斷哪個隱藏哪個顯示
2016-11-25
源自：Sass進階篇 1-2
正在回答
不一樣的啊，{$boolean}返回的值是true表示顯示，返回的值是false表示隱藏。
用@if的時候創建了個混合宏
@mixin blockOrHidden($boolean:true){
? ? @if $boolean{? ? ? ?@debug "$boolean is #{$boolean}";? ? ? ?display:block;? ? }? ?@else {? ? ? @debug "$boolean is #{$boolean}";? ? ? display:none;? ?}
}
上面創建的時候($boolean:true)定義了為true
@if底下的@debug "$boolean is #{$boolean}";可以解讀為 $boolean 是 true
@else底下的@debug "$boolean is #{$boolean}";可以解讀為 $boolean 是 false
建議你先看看javascript，有點基礎會好學很多
車安然 提問者
舉報
對Sass其它較有難度的部分進行講解，包括常用控制命令、函數
3 回答sass hat?
2 回答sass 運算相關
2 回答sass -i是什么
1 回答if else if else
1 回答if($condition,$if-true,$if-false)這玩意我沒代入感
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-11-25
不一樣的啊，{$boolean}返回的值是true表示顯示，返回的值是false表示隱藏。
用@if的時候創建了個混合宏
@mixin blockOrHidden($boolean:true){
? ? @if $boolean{
? ? ? ?@debug "$boolean is #{$boolean}";
? ? ? ?display:block;
? ? }
? ?@else {
? ? ? @debug "$boolean is #{$boolean}";
? ? ? display:none;
? ?}
}
上面創建的時候($boolean:true)定義了為true
@if底下的@debug "$boolean is #{$boolean}";可以解讀為 $boolean 是 true
@else底下的@debug "$boolean is #{$boolean}";可以解讀為 $boolean 是 false
建議你先看看javascript，有點基礎會好學很多