2017-08-01 64 views
1

我需要將一個SCSS文件組合到一個名稱空間中,但我不想直接修改該文件。SASS導入一個沒有嵌套的文件

假設,我們有一個包含

.book { 
    color: red; 
} 

「book.scss」 如果我想將文件導入使用

.context { 
    @import 'book'; 
} 

命名空間這將產生一個嵌套的選擇

.context .book { 
    color: red; 
} 

但是,我想要這樣。請注意,上下文和書籍之間沒有空間

.context.book { 
    color: red; 
} 

SASS可以嗎?

+0

我知道你不想修改文件。但是,omukiguy寫道沒有辦法。但是當你在book.scss的開頭設置一個'&'時,你會得到正確的結果:'&.book {color:red; }'。 – Huelfe

回答

4

沒有辦法。你只需要導入文件,然後擴展類

.context.book { 
    @extend .book; 
}