在scss中添加全局父选择器

Question

我正在使用具有良好scss结构的Foundation 6。但是如何为其输出css添加全局父选择器？

我需要为一个奇数站点执行此操作以避免css被覆盖（我将首先执行css重置）。目前我必须手动在输出css上进行嵌套并再次渲染它以使其工作，

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

我想我可以使用Gulp或WebPack获得相同的结果，但我也很想知道是否有任何SCSS / SASS方法可以解决这个问题？

Answer 1

如果我理解你的问题。您可以简单地将导入包装到主SCSS文件中的所需选择器中（在我的情况下为app.scss）。 然后你会有类似的东西：

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

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