Sass foreach并添加

Question

所以我有一个评级系统的精灵图像。

我有它的HTML：

<div class="rating">
    <i class="rating rating-1"></i>
    <i class="rating rating-2"></i>
    <i class="rating rating-3"></i>
    <i class="rating rating-4"></i>
    <i class="rating rating-5"></i>
</div>

到目前为止我已经拥有的CSS了..

.rating {
    i {
        background: url('../images/icons/rating-sprite.png') no-repeat;
        background-position: 0 0;
        display: inline-block;
        width: 19px;
        height: 16px;
        cursor: pointer; 
        &:hover {
            background-position: 0 -22px;
        }
    }
}

我知道我可以添加每个星级类并手动添加css位置，但我想知道SASS是否可以为我自动执行此操作，例如它会增加classname中的rating- *数字以及添加到了背景位置。

可以这样做吗？