Question

我刚刚开始使用SASS所以我是noobie。所以我在思考..

我有：

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

现在我明白这一切真正做的是在menu ID的末尾粘贴1，但我无法弄清楚我的头脑中是否可以设置增加的数量身份证后？

我不需要做什么，我只是想学习。

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

使用SASS的增量ID

2 个答案: