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