#### 1.3while函數 定義：@while 指令也需要 SassScript 表達式（像其他指令一樣），并且會生成不同的樣式塊，直到表達式值**為 false 時停止循環**。這個和 @for 指令很相似，只要 @while 后面的**條件為 true 就會執行** **while循環格式：** ~~~ @while（循環條件判斷）｛ 執行代碼； 跳出循環條件； ｝ ~~~ 流程圖  列:sass樣式 ~~~ $types: 4; $type-width: 20px; @while $types > 0 {//循環條件判斷 .while-#{$types} { width: $type-width + $types; }//執行代碼 $types: $types - 1;//跳出循環條件 } ~~~ 轉化成css ~~~ .while-4 { width: 24px; } .while-3 { width: 23px; } .while-2 { width: 22px; } .while-1 { width: 21px; } ~~~