想,如果有可能,因爲我覺得我的自我重複以下之類的事情使用與薩斯數組:可以在Sass中定義一個數組嗎?
.donkey
h2
background-color= !donkey
.giraffe
h2
background-color= !giraffe
.iguana
h2
background-color= !iguana
想,如果有可能,因爲我覺得我的自我重複以下之類的事情使用與薩斯數組:可以在Sass中定義一個數組嗎?
.donkey
h2
background-color= !donkey
.giraffe
h2
background-color= !giraffe
.iguana
h2
background-color= !iguana
不,這是不可能的。要做到這一點,最好的方法是定義一個mixin:
+animal-h2(!name, !color)
.#{name} h2
background-color= !color
然後你就可以有每款一條線,而不是三個:
+animal-h2("donkey", !donkey)
+animal-h2("giraffe", !giraffe)
+animal-h2("iguana", !iguana)
NEX3的答案是正確的。爲了得到這個工作與上海社會科學院on Rails的3.1,我需要有一個css.scss文件中的以下內容:
$donkey: #CC4499;
@mixin animal-h2($name, $color) {
.#{$name} h2 {
background-color: $color;
}
}
@include animal-h2("donkey", $donkey);
@include animal-h2("horse", #000);
哪個輸出:
.donkey h2 {
background-color: #CC4499;
}
.horse h2 {
background-color: black;
}
絕對。
$animals: "donkey", "giraffe", "iguana"
@foreach $animal in $animals
.#{$animal}
h2
background-color: !#{$animal}
賈斯汀是對的。我已經使用了[Sass lists](http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#lists)來獲得樂趣和利潤,並且可以證明它們的實用性。在閱讀了Sass列表之後,您還應該查看Sass的列表函數,該函數在[here](http://sass-lang.com/docs/yardoc/Sass/Script/Functions.html#list-functions)中找到。他們幾乎從來沒有幫助,但他們可以真正讓你的生活在某些情況下更容易! – Bitmanic 2012-05-02 03:42:49
這就是我正在尋找的東西,謝謝 – 2009-12-15 09:48:07