可以在Sass中定义一个数组吗？

Question

想知道是否可以使用Sass数组,因为我发现自己重复了以下几点:

.donkey
  h2
    background-color= !donkey

.giraffe
  h2
    background-color= !giraffe

.iguana
  h2
    background-color= !iguana

Answer 1

绝对.

$animals: "donkey", "giraffe", "iguana"
@foreach $animal in $animals
  .#{$animal}
    h2
      background-color: !#{$animal}

Answer 2

不，这是不可能的。最好的方法是定义一个 mixin：

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

然后，每种样式可以有一行，而不是三行：

+animal-h2("donkey", !donkey)
+animal-h2("giraffe", !giraffe)
+animal-h2("iguana", !iguana)