SaSS仅扩展属性
在SaSS中,可以仅扩展类的css属性,并避免呈现串联的类名: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
.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
?可能重复?谢谢大家,非常感谢:-)