Lessを使用して定義されたスタイルがあるとしましょう。
ul.unstyled,
ol.unstyled {
margin-left: 0;
list-style: none;
}
unstyled
後で、クラスを再利用したいと思います。
.my-list {
.unstyled;
}
しかし、これは機能しません、そして私はそれを機能させるための魔法を理解することができません。何かご意見は?
Lessを使用して定義されたスタイルがあるとしましょう。
ul.unstyled,
ol.unstyled {
margin-left: 0;
list-style: none;
}
unstyled
後で、クラスを再利用したいと思います。
.my-list {
.unstyled;
}
しかし、これは機能しません、そして私はそれを機能させるための魔法を理解することができません。何かご意見は?
任意のクラス定義を再利用することはできません。ミックスイン (ドットで始まるもの) のみを再利用できます。この場合、複製する必要があります。
これを試して:
.unstyled {
margin-left: 0;
list-style: none;
}
.my-list {
.unstyled;
}
and.unstyled
として定義されている場合、ネストすることはできません。ul.unstled
ol.unstyled
ネストされたスタイルの場合は再利用できず.unstyled
、おそらく Bootstrap ソース コードを編集したくないので、両方のクラス名をリストに割り当てることをお勧めします。
<ul class="unstyled my-list" />