LESS resusableネストされたクラス

Question

私は、次のことをしているとしましょう：

.class-1 { 
    font-weight: bold; 
    p{ 
    color: red; 
    } 
} 

そして、私はLESSでクラス2クラス1のp要素と同じスタイルを持って定義したいです。コードを書く以外の方法はありますか？

Answer 1

.class-1, .class-2 { 
    font-weight: bold; 
    p{ 
     color: red; 
    } 
} 

Answer 2

私が正しくあなたを理解していれば、あなたはそれがclass-1またはclass-2の子供の場合は、あなたのpのスタイルにしたいです。 class-1とclass-2のスタイルは異なるはずです。

私はそれを2回または別の方法で書き出すことをお勧めしますが、mixinsを2度書きたくない場合は使用してください。 CSS出力

.class-1 { 
    font-weight: bold; 
} 
.class-1 p { 
    color: red; 
} 
.class-2 p { 
    color: red; 
} 

.p() { 
    color:red; 
} 

.class-1 { 
    font-weight: bold; 
    p{ 
    .p; 
    } 
} 
.class-2{ 
    p{ 
    .p; 
    } 
} 

LESS