scssにグローバル親セレクタを追加する

Question

素敵なscss構造を持つFoundation 6を使用しています。しかし、どのように出力のCSSのためのグローバル親セレクタを追加することができますか？

私はCSSの上書きを避けるためにこれを行う必要があります（私はCSSを最初にリセットします）。現在、私は、私はガルプまたはWebPACKの使用して同じ結果を得ることができますね

.this-site-only { 
    %final css output% 
} 

を手動で出力CSSのネスティングを行い、それを動作させるために再びそれをレンダリングする必要がありますが、私もそこにあるかどうかを知るために好奇心これまでのSCSS/SASSの方法は？

Answer 1

あなたの質問が正しく理解された場合。メインのSCSSファイル（私の場合はapp.scss）の希望のセレクタにインポートをラップするだけです。 次に、そのようなものがあります：

.this-site-only{ 
    @import 'foundation'; 
    @import 'your-stuff'; 

    .your-style{ 
     color: #000; 
     font-size: 20px; 
    } 
}