sass的循环写法实例

sass里面也有for的写法，在有些地方用着还是很方便的。

比如：下图的左侧所有icon



html写法：如下图，起名的时候还是要有规律的数字



sass写法：

i{

            width: 18px;

            height: 18px;

            background:url(i/intro-icons.png) no-repeat;

            background-size:18px 120px;

            @for $i from 1 to 6{

                 i.intro-icon#{$i}{

                     background-position:0 -#{$i*20}px;

                 }

             }

 }