我有這樣一張雪碧圖

這是我用css實現(xiàn)的效果

下面是部分css代碼

.icon-item:nth-child(1) {
    background-position: -8px 0;
}
.icon-item:nth-child(2) {
    background-position: -95px 0;
}
.icon-item:nth-child(3) {
    background-position: -182px 0;
}
.icon-item:nth-child(4) {
    background-position: -269px 0;
}
.icon-item:nth-child(5) {
    background-position: -8px -70px;
}
.icon-item:nth-child(6) {
    background-position: -95px -70px;
}
.icon-item:nth-child(7) {
    background-position: -182px -70px;
}
.icon-item:nth-child(8) {
    background-position: -269px -70px;
}

css代碼有很多相同的地方，改變的只有索引和坐標，看起來就有些冗余。最近接觸到sass，想用循環(huán)實現(xiàn)。

類似這樣的效果，要怎么改？

$for $i from 1 through 8 {
    .icon-item:nth-child(#{$i}) {
        background-position: ......
        }
}