sass的控制指令

if : 條件語句（判斷語句）

for : 迴圈語句

while ：迴圈語句

each : 迴圈語句

html結構：

選擇器

多選一吧
邏輯運算子

@if 表示式

關係運算子：> >= < <= == !=

邏輯運算子(與 或 非)：and(邏輯與) or(邏輯或) not(邏輯非)

scss示例：

$max:101;

$min:50;
.text 
//如果 $max 等於== 100
@if $max==100 
//如果 $max 不等於!== 100
@if $max !=100 
}

@if 表示式 @else

//如果 $min > 100

@if $min>100 
//否則    
}@else
}

@if 表示式1 @else if 表示式2 @else if 表示式3 @else

$len:10;

.item 
//如果 $len < 10
@else if $len < 10 
//如果 $len == 10,
@else if $len==10 
}

$num:99;

.item 
//如果 $num > 60 並且 $num < 70
@if $num>60 and $num < 70 
//否則(以上兩個條件都不滿足)
@else 
}

not: 真假互換

$number:0.4;

.title
//如果 $number 不大於 2
@if not($number > 2)
}

sass 控制指令

控制指令 控制指令主要有 if for while each 四種，控制指令是一種高階功能，主要與混合指令 mixin 配合使用 尤其是在 compass 庫中 if 跟 if 條件語句一樣，也可以跟多個 else if 用返回值來判斷輸出的 當返回值為 true 時候輸出後面 中的 當返回值是 f...

sass學習三 控制指令和表示式

1 if article編譯後 article 2 if else if else if返回除false 或null 之外的任何結果 a bbb p else if a bbb else 編譯後 p 3 for 注意拼接字串使用 如果是from to,10,20,30 for i from 1 th...

scss控制指令學習

1 if 混合巨集定義中 book.scss mixin blockorhidden boolean true debug warn,error display block else 插值 會執行 display none block hidden 執行 sass watch e sass book...