在Sass中，仅呈现具有不同主题支持的选择器

我想为我的网站创建一个主题，但我想将其作为一个单独的覆盖样式表来实现，它只包含各种颜色变化，而不是包含我以前创建的所有内容的全新样式表

有什么可以帮我的吗

多谢各位

.theme{
    .bg-mainpanels{background:blue;}
}    


div.panel-a{
    @extend .bg-mainpanels;
}    

编译成

.theme .bg-mainpanels, .theme div.panel-a {
  background: blue; }

---

因为bg mainpanels设置在另一个类中，所以任何扩展它的规则都会添加该类。这样做也很有帮助，因为如果您需要更改样式，很明显，它是在bg主面板中设置的，只需查看css即可确定哪些样式是相关的。

没有回答这个问题。OP希望生成一个替代样式表，该样式表只包含与原始样式表的颜色/样式差异。没有什么可以阻止您在单独的样式表中执行此操作。主要问题是如何创建足够强的选择器来覆盖原始样式表。此方法允许您将覆盖选择器分开，以便您可以同时更改所有嵌套规则的强度。我发现这是一种在创建主题时很有用的方法，因为可以将不同元素的样式链接在一起。