Sass 当只有属性的值发生变化时,避免颜色方案的重复

Sass 当只有属性的值发生变化时,避免颜色方案的重复,sass,Sass,我在整个应用程序中都有可以有三种颜色之一的元素 现在我在每个元素.color1、.color2或.color3上放置了一个类 然后在css中,根据元素的不同,我喜欢以下内容: .color1 .special_element {background-color: $color1;} .color2 .special_element {background-color: $color2;} .color3 .special_element {background-color: $color3;}

我在整个应用程序中都有可以有三种颜色之一的元素

现在我在每个元素.color1、.color2或.color3上放置了一个类

然后在css中,根据元素的不同,我喜欢以下内容:

.color1 .special_element {background-color: $color1;}
.color2 .special_element {background-color: $color2;}
.color3 .special_element {background-color: $color3;}
上述模式重复了很多次


有没有办法使上面的代码更密集,例如使用某种条件和参数?

可能重复的,您能举个例子说明在上面的上下文中是什么样子的吗?我真的觉得这是同一个概念,但我仍然不知道如何把这些部分组合起来。复制的全部意义在于,我不必对已经回答的问题写出答案。从复制工作答案开始,删除你不需要的东西。或者,您也可以从阅读.OK开始。这些话是SO所要求的。