で mixin を複数回定義しLESS
、後でその mixin を次のように呼び出す場合
.background-color() {
background: red;
}
.background-color() {
background: yellow;
}
body {
.background-color;
}
結果は、定義されたすべてのミックスインからの結合された出力になります
body {
background: red; // << output from mixin #1
background: yellow; // << output from mixin #2
}
Sass と Stylus の両方で同じシナリオを適用すると (もちろん独自の構文を使用して)、スタイルシート全体で複数回定義された mixin を呼び出すと、最後に定義されたものだけが実行されます (以前に定義されたすべてをオーバーライドします)。ミックスイン ) は次のとおりです。
結果Sass
とStylus
body {
background: yellow; // << output from mixin #2
}
LESS
出力が最後に定義された mixin からのものになるようにmixin をオーバーライドするにはどうすればよいですか?