>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(); } ~~~