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; 
}