LESSのネストされたスタイル

だが、私はあまりを使用して定義されたスタイルを持っているとしましょう再利用：LESSのネストされたスタイル

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

その後、私は再利用unstyledクラスにしたい：

.my-list { 
    .unstyled; 
}

これは動作しません。しかし、私はそれを動作させる魔法を理解できません。何かご意見は？それはul.unstledとol.unstyledとして定義されています場合は、巣.unstyledすることはできません

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

.my-list { 
    .unstyled; 
}

：

mixins（ドットで始まるもの）のみ、任意のクラス定義を再利用することはできません。この場合、それを複製する必要があります。

2012-09-27 17:11:09

これは、 '.myClass'を定義するときにLESSがパラメータなしのミックスインを作成することを意味しますか？ –

良い質問です。私はそう思っています。ドキュメントのミックスインによれば、「ミキシンズはクラスのプロパティを別のクラスに組み込むことができます。 " –

はこれを試してみてください。

2012-09-27 16:45:32

こと私が元の定義を所有していないので私のために働かない...言い換えれば、 'unstyled'クラスは' Bootstrap.less'で定義されています。依存関係を微調整しないでください。代わりに、ネストされたスタイルを再利用する方法を知りたい。 –

ああ。これらのスタイルをオーバーライドできない/できない場合は、自分が望むように再利用できるかどうかはわかりません。 LESSでは '' ul.unstyled'などをネストされたクラスとして指定することはできません。ミックスインはいつでも作成できますが、それはコードを複製することになります。 –

それは、ネストされたスタイルだとあなたはおそらくブートストラップのソースコードを編集したくないときに.unstyledを再利用することはできませんので、私はあなただけあなたのリストに、両方のクラス名を割り当てることをお勧めしたい：

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

2013-04-15 12:49:16 Sander

答えて