css - 从现有的 css 类继承

Question

我有一个 css 类如下:

.sibsi
{
  background-color: #008FFF;
  padding: 5px;
  cursor: pointer;
  color: #ffffff;
}

如何创建一个新类，它继承类 .sibsi 的所有内容，但我可以在哪里覆盖单个 css 属性？换句话说，我想拥有 sibsi 的所有属性，但只更改背景颜色。

我唯一发现的是: https://stackoverflow.com/a/5417412/753632

但这实际上意味着在使用类的地方指定所有类。

Answer 1

我建议首先将样式应用于两个元素:

.sibling, h1 {
  background-color: #008FFF;
  padding: 5px;
  cursor: pointer;
  color: #ffffff;
}

然后显式覆盖另一个元素的背景:

h1 {
  background:black;
}

Example here