sass - 使用 SASS 的增量 ID

Question

我才刚刚开始使用 SASS，所以我很菜鸟。所以我在琢磨。。

我有：

#menu0 a{
 Some css
}

#menu1 a{
 Some css
}

#menu2 a{
 Some css
}

现在我已经将 id 设置为一个变量（我认为），使用：

$listId: menu + 1;

##{$listId} a{
  width: $listLength;
  background: url('nav-bg.png') no-repeat (-$listLength) * 1 0;
}

现在我明白这一切实际上是在menuID 的末尾加上一个 1，但我无法在脑海中弄清楚我是否可以设置在 ID 之后放置的数字的增量？

我在做什么没有必要，我只是在努力学习。

Answer 1

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

请考虑改用Compass Sprites，它更简单。

Answer 2

我发现这对任何可能想要这样的人来说效果很好。

 @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;
        }
    }