使用SASS的增量ID

使用SASS的增量ID,sass,Sass,我才刚开始使用SASS,所以我没问题。所以我在思考 我有: #menu0 a{ Some css } #menu1 a{ Some css } #menu2 a{ Some css } 现在,我已经将id设置为变量(我认为),使用: 现在我明白了所有这一切真正做的是在菜单ID的末尾粘贴一个1,但我在脑子里想不出来,我可以在ID之后设置一个递增的数字吗 我做什么都没必要,我只是在努力学习 我发现这对任何想要这样东西的人来说都非常有效 @for $i from 0 through 8

我才刚开始使用SASS,所以我没问题。所以我在思考

我有:

#menu0 a{
 Some css
}

#menu1 a{
 Some css
}

#menu2 a{
 Some css
}
现在,我已经将id设置为变量(我认为),使用:

现在我明白了所有这一切真正做的是在
菜单
ID的末尾粘贴一个1,但我在脑子里想不出来,我可以在ID之后设置一个递增的数字吗


我做什么都没必要,我只是在努力学习

我发现这对任何想要这样东西的人来说都非常有效

 @for $i from 0 through 8 {
        ##{$listId}#{$i} a{
          width: $listLength;
          background: url('/ecc-ac-uk/_img/nav-bg.png') no-repeat ( -$listLength * $i ) 0;
        }
    }

我发现这对任何想要这样东西的人来说都很有效

 @for $i from 0 through 8 {
        ##{$listId}#{$i} a{
          width: $listLength;
          background: url('/ecc-ac-uk/_img/nav-bg.png') no-repeat ( -$listLength * $i ) 0;
        }
    }

你做得很好。但我看到你用它来做精灵


请考虑使用,这是非常简单的。

你做增量的事情是正确的。但我看到你用它来做精灵


请考虑使用,这是非常简单的。

文档中有很多常见的编码模式,你应该阅读它们:谢谢,我在发布后发现了这一点,非常有用。文档中有很多常见的编码模式,你应该阅读它们:谢谢,我在发布后发现了这一点,非常有用。