這是我在LESS:如何在Sass中嵌套課程?
.light-hatching {
background-image: url('./assets/bg-button-default.png');
background-repeat: repeat;
background-color: lighten(#f9f9f9, 2%);
}
.btn-default {
.light-hatching;
}
注意btn-default
被嵌套light-hatching
。這在Sass中不起作用。 In the guide,他們說我可以做嵌套,就像它在LESS上工作一樣,但它確實有效。
如何在Sass中實現相同的LESS示例?
你正在做的是*不*被稱爲「嵌套」。 – cimmanon
@cimmanon我不知道那個..我很快會接受的答案,我看到它被稱爲擴展 –
其實,你在做什麼叫mixins。在LESS中,每個選擇器實際上都是一個沒有參數的混音器。 [擴展](http://lesscss.org/features/#extend-feature)在大多數情況下可能具有相似的效果,但不會產生與LESS代碼相同的結果。甚至可能讓你遇到媒體查詢的麻煩。 Sass不支持您用LESS代碼演示的功能。 – gligoran