less`:extend`がすべての属性を継承する方法

587 ワード

今日は以下の状況に遭遇しました.
.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;
}