如何继承类的主要部分,但更改某些值(css)

如何继承类的主要部分,但更改某些值(css),css,Css,例如,我有这门课。。我想继承这个类的所有属性,但只更改宽度,例如10%。怎么做?我可以复制它两次,然后修改它。。但我认为这不是一个好方法。您可以将多个类应用于html元素,例如,这将同时使用.headerValue和.width8 结合css样式表,如 .headerValueStyle1 { font-weight: 700; font-size: 1.3rem; color: #575f7a; text-align: left; width: 8%; } 您可以实现这样

例如,我有这门课。。我想继承这个类的所有属性,但只更改宽度,例如10%。怎么做?我可以复制它两次,然后修改它。。但我认为这不是一个好方法。

您可以将多个类应用于html元素,例如,这将同时使用.headerValue和.width8

结合css样式表,如

.headerValueStyle1 {
  font-weight: 700;
  font-size: 1.3rem;
  color: #575f7a;
  text-align: left;
  width: 8%;
}

您可以实现这样的继承—不是真正的继承,而是我认为您正在寻找的快速而肮脏的解决方案:

.headerValue{
  font-weight: 700;
  font-size: 1.3rem;
  color: #575f7a;
  text-align: left;
}
.width8{
  width: 8%;
}
.width10{
  width: 10%;
}

只需重写下面的属性

只需使用该类和另一个类覆盖宽度在headerValueStyle1中创建新类,但只添加宽度?不,我的意思是使用该类和另一个类作为宽度。。基本上就像你提供的答案,谢谢你的回复。很好的解决方法。
.headerValueStyle1,
.anotherClass {
  font-weight: 700;
  font-size: 1.3rem;
  color: #575f7a;
  text-align: left;
  width: 8%;
}
.anotherClass {
  width: 100%;
}