1

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

これで、ID の末尾に 1 を付けることだけが実際に行われていることがわかりましたmenuが、頭の中で理解できません。ID の後に配置する数字の増分を設定できますか?

私がやっていることには必要ありません。ただ学ぼうとしているだけです。

4

2 に答える 2

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;
        }
    }
于 2013-05-01T16:01:03.010 に答える