SASSネストなしでファイルをインポート

Question

SCSSファイルを名前空間に結合する必要がありますが、ファイルを直接変更したくありません。

は私が

.context { 
    @import 'book'; 
} 

を使用して名前空間にファイルをインポートする場合、我々は

.book { 
    color: red; 
} 

が含まれている "book.scss" を持っている。これは、ネストされたセレクタ

.context .book { 
    color: red; 
} 

を生成すると仮定します

しかし、私はこのようにしたい。文脈と本の間にスペースがないことに注意してください

.context.book { 
    color: red; 
} 

これはSASSで可能ですか？

Answer 1

方法はありません。ファイルをインポートしてからクラスを拡張するだけです。

.context.book { 
    @extend .book; 
}