less - LESSネストスタイルの再利用

Question

Lessを使用して定義されたスタイルがあるとしましょう。

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}

unstyled後で、クラスを再利用したいと思います。

.my-list {
  .unstyled;
}

しかし、これは機能しません、そして私はそれを機能させるための魔法を理解することができません。何かご意見は？

score 6 · Accepted Answer

任意のクラス定義を再利用することはできません。ミックスイン (ドットで始まるもの) のみを再利用できます。この場合、複製する必要があります。

score 4 · Accepted Answer

これを試して：

.unstyled {
  margin-left: 0;
  list-style: none;
}

.my-list {
  .unstyled;
}

and.unstyledとして定義されている場合、ネストすることはできません。ul.unstledol.unstyled

score 2 · Accepted Answer

ネストされたスタイルの場合は再利用できず.unstyled、おそらく Bootstrap ソースコードを編集したくないので、両方のクラス名をリストに割り当てることをお勧めします。

<ul class="unstyled my-list" />

3 に答える 3