クラス定義から最後のスタイルを除くすべての子divにスタイルを適用するにはどうすればよいですか？

Question

Sassを使用している最後のdivを除き、すべての子divに2つのクラス定義を適用したいと思います。これは私が考えていたものですが、それは働いていない：

.all-but-last { 
    :not(:last-child) { 
    .border-grey-light; 
    .b-border; 
    } 
} 

<div class='all-but-last'> 
    <div></div> 
    <div></div> 
</div>  

これを達成するための正しい方法は何ですか？

Answer 1

CSSプリプロセッサを使用している場合、作成したコードはOKです。ただし、LESSを使用している場合は、&が不足しています。だから、これは試してみてください。

.all-but-last { 
    &:not(:last-child) { 
    .border-grey-light; 
    .b-border; 
    } 
} 

Answer 2

.all-but-last { 
    :not(:last-child) { 
    .border-grey-light; 
    .b-border; 
    } 
} 

これ以上の構文が無効です。ここに修正があります

.all-but-last { 
    :not(:last-child) { 
    @extend .border-grey-light; 
    @extend .b-border; 
    } 
} 

これを機能させるには、拡張するクラス定義が含まれているファイルをインポートする必要があります。これを動作させるために&を使用する必要はありませんでした。