SaSS仅扩展属性

SaSS仅扩展属性,sass,Sass,在SaSS中,可以仅扩展类的css属性,并避免呈现串联的类名: .class_A { background-color: #f0f; } .class_B { color:#555; @extend class_A; } 预期结果: .class_B { color:#555; background-color: #f0f; } 如果您仍然需要.class\u A,则可以执行此操作 %bg-color { background-color: #f

在SaSS中,可以仅扩展类的css属性,并避免呈现串联的类名:

.class_A {
    background-color: #f0f;
}

.class_B {
    color:#555;
    @extend class_A;
}
预期结果:

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

如果您仍然需要
.class\u 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\u A
,只需使用一个变量:

$bg-color: #f0f;

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

您是否曾经使用过或想要使用
.class\u A
?可能重复?谢谢大家,非常感谢:-)