簡単な例から始めます。
.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
ミックスインを介して含める方法はありますか、それともコードをコピーする必要がありますか?