Html 如何使css子类继承父css类

我需要子css类从父css类继承属性

.avatar{
最小宽度：35px；
最大宽度：35px；
高度：35px；
flex:135px；
&--家{
利润率：10px；
}
&--职位{
保证金：0px 17px 0px 4px；
}
}

我需要应用父类和边距：10px；对于具有avatar——home类的元素，如下所示：

---

这只是应用了

边距：10px并忽略父属性
您是否也可以添加化身类：


否则，我认为您必须重新定义所有属性，并将它们设置为
inherit
，如注释中所述。
预处理器的
&
符号复制父级的名称，而不复制其属性

但是，如果您想扩展类，可以使用
@extend
mixin（用于SASS）和
：extend（…）
（用于更少）


/*SASS*/
.阿凡达{
最小宽度：35px；
最大宽度：35px；
高度：35px；
flex:135px；
&--家{
@扩展.avatar；
利润率：10px；
}
}
/*少*/
.阿凡达{
最小宽度：35px；
最大宽度：35px；
高度：35px；
flex:135px；
&--主页：扩展（.avatar）{
利润率：10px；
}
}
您是否应该使用
属性：继承
例如
高度：继承
？我可以，但我只是想知道是否有办法做一些类似的事情，呵呵，谢谢manOkey我很确定孩子们不会继承这样的属性。或者，您可以将它们添加到特定样式中：
.avatar、&--home、&--post{…}
。