less`:extend`がすべての属性を継承する方法
587 ワード
今日は以下の状況に遭遇しました.
私が望む
翻訳のcssは以下の通りです.
.a {
&:extend(.b);
}
.b {
color: red;
.c {
color: green;
}
}
.a
は.b
とその子供の属性を完全に継承したい.しかし、上のコードは.b,
.a {
color: red;
}
.b .c {
color: green;
}
私が望む
.a .c { color: green; }
の効果が生じていないことがわかります.Less:Extend Syntaxを見て、all
を追加しなければならないことを知った..a {
&:extend(.b all);
}
.b {
color: red;
.c {
color: green;
}
}
翻訳のcssは以下の通りです.
.b,
.a {
color: red;
}
.b .c,
.a .c {
color: green;
}