SASS＆LESS - 分離されたクラスの拡張

Question

例のように分離されたClassの最初の2つだけを拡張する方法があるかどうかを知りたい場合、または特定のクラスを作成するような他のオプションがある場合 .background{background:red}分離されたクラスの代わりに（しかし、私はCSSでクラスの.backgroundを出力したくない）。

例：

SASS：

.foo { 
    background:red 
} 
.foo { 
    color:red 
} 
.bar { 
    @extend .foo; 
} 
.foo { 
    font-size: 16px 
} 

LESS：

.foo { 
    background:red 
} 
.foo { 
    color:red 
} 
.bar { 
    &:extend(.foo); 
} 
.foo { 
    font-size: 16px 
} 

CSS出力は次のようになります

.foo, .bar { 
    background: red; 
} 

.foo, .bar { 
    color: red; 
} 

.foo, .bar { 
    font-size: 16px; 
} 

しかし、私はこのようになりたい：私はこれが起こっ作るために従うべきどんな道

.foo, .bar { 
    background: red; 
} 

.foo, .bar { 
    color: red; 
} 

// No .bar class here 

.foo { 
    font-size: 16px; 
} 

？

Answer 1

あなたはあなたの継承を後方に持っています。

_{LESS：barはfooはbarを拡張し、fooを拡張しない}

.bar, 
.foo { 
    background-color: red; 
} 
.bar, 
.foo { 
    color: red; 
} 
.foo { 
    font-size: 16px; 
}