sass変数が1つのファイルにコンパイルされたときにオーバーライドされる

Question

私はすべてのCSSを一緒に縮小するときに値を保存せずに値を保存する方法が必要です。

私はクラスセレクタを持つ特定の束のタグをスタイルするテンプレートscssファイルを持っています。 次に、各HTMLページにボディIDセレクタがあります。各HTMLページには独自のscssファイルがあります。 一意のボディIDセレクタを変数に割り当てる方法が必要です。テンプレートのscssファイル内のすべてのクラスの先頭に一意のページIDを追加するために使用できます。例：私は、このセットアップを持っている私のhtml特定のSCSSファイルで今すぐ

template.scss

$basePageID: ""; 

    #{$basePageID} .myclass{ 

    } 
    #{$basePageID} .myclass2{ 

    } 

。

**homepage.scss** 

    @import "template.scss"; 
    $basePageID: "#home"; 

    #{$basePageID} .myclass{ 

    } 

**contact.scss** 
    @import "template.scss"; 
    $basePageID: "#contact"; 

    #{$basePageID} .myclass{ 

    } 

これでわたしがここで何をしようとしているのか分かりました。問題は、すべてのcssファイルが縮小され、$ basePageID変数が最後に追加されるCSSファイルに設定される場合です。すべてのファイルが1つのCSSファイルに結合されている場合でも、各scssファイルの一意のページIDをテンプレートに渡すことができる方法が必要です。私にはそれを

$basePageID: "#home"; 
@import "template.scss"; 

#{$basePageID} .myclass{ 

} 

：

#{$basePageID} .myclass{ 

} 
#{$basePageID} .myclass2{ 

} 

homepage.scss：私はSCSS

Answer 1

カントであなただけのこの...

template.scssを行うことを行うことができますどのようにわかりません間違った時にbasePageIDを上書きする場所のように見えました。