SASS扩展属性只有

Question

是有可能在SASS只延长一类的CSS属性，避免渲染连锁类名：

.class_A { 
    background-color: #f0f; 
} 

.class_B { 
    color:#555; 
    @extend class_A; 
} 

期望的结果：

.class_B { 
    color:#555; 
    background-color: #f0f; 
} 

Answer 1

如果您仍然需要.class_A那么你可以做到这一点

%bg-color { 
    background-color: #f0f; 
} 
.class_A { 
    @extend %bg-color; 
} 

.class_B { 
    color:#555; 
    @extend %bg-color; 
} 

输出CSS：

.class_A, .class_B { 
    background-color: #f0f; 
} 

.class_B { 
    color: #555; 
} 

如果您不需要.class_A只需使用一个变量：

$bg-color: #f0f; 

.class_B { 
    color:#555; 
    background-color: $bg-color; 
}