6

次のようなことを繰り返していることに気付いたので、Sassで配列を使用できるかどうか疑問に思っています:

.donkey
  h2
    background-color= !donkey

.giraffe
  h2
    background-color= !giraffe

.iguana
  h2
    background-color= !iguana
4

3 に答える 3

18

絶対。

$animals: "donkey", "giraffe", "iguana"
@foreach $animal in $animals
  .#{$animal}
    h2
      background-color: !#{$animal}
于 2012-05-01T05:10:15.963 に答える
1

いいえ、これは不可能です。これを行う最善の方法は、ミックスインを定義することです。

+animal-h2(!name, !color)
  .#{name} h2
    background-color= !color

次に、スタイルごとに 3 行ではなく 1 行を使用できます。

+animal-h2("donkey", !donkey)
+animal-h2("giraffe", !giraffe)
+animal-h2("iguana", !iguana)
于 2009-12-15T02:23:11.537 に答える