1

簡単な例から始めます。

.classA {
  color: red;
  .otherClass {
       color: yellow;
  }
}
.classB {
  .classA;
}

結果:

.classA {
  color: red;
}
.classA .otherClass {
  color: yellow;
}
.classB {
  color: red;
}
.classB .otherClass {
  color: yellow;
}

しかし:

.classA {
  color: red;
}
.class A .otherClass {
  color: yellow;
}
.classB {
  .classA;
}

結果:

.classA {
  color: red;
}
.class A .otherClass {
  color: yellow;
}
.classB {
  color: red;
}

.otherClassコンパイラがin を含めない理由がわかりません.classB。両方のclassA定義が等しいということですね。

奇妙な動作の簡単な説明はありますか? 特に、.otherClassミックスインを介して含める方法はありますか、それともコードをコピーする必要がありますか?

4

1 に答える 1