>Sass中控制命令指的是@if、@each、@for和@while ## 1.@if--@else ~~~ @mixin v-h ($b:true){ @if $b { display: block }@else{ display: none; } } .visible{ @include v-h; } .hide{ @include v-h(false) } ~~~ ## 2.@for ~~~ @for $i from <start> through <end> @for $i from <start> to <end> ~~~ - $i 表示變量 - start 表示起始值 - end 表示結束值 ~~~ //區別 這兩個的區別是關鍵字 through 表示包括 end 這個數，而 to 則不包括 end 這個數。 ~~~ ## @while ~~~ $i:12; @while $i > 0 { .col-#{$i} { width: 100%/12 * $i; } $i: $i - 1; } ~~~ ## @each ~~~ $list:(width,height,margin-top,border); @mixin whmb{ @each $key in $list { #{$key}:20px; } } div{ @include whmb(); } ~~~