类之间的 CSS "sharing"样式

Question

我想知道这是否可能。我想在 CSS 文件中定义一个属性，例如正文的背景颜色，然后指定一个具有相同颜色但继承自正文的输入按钮......像这样的东西...

body {
    background-color: #0000AA;
    font-size: 12px;
    color: #FFFFFF;
}
input[type="button"] {
    background-color: body.background-color;
}

因此，当我更改正文的背景颜色时，输入按钮也会更改。可能吗？

谢谢。

Answer 1

不完全是，但CSS自定义属性（也称为CSS变量）可以实现类似的东西。

在现代浏览器（包括Edge）中支持非常出色，但没有IE。

body {
  --main-bg-color: brown;
  background-color: var(--main-bg-color);
  font-size: 12px;
  color: #FFFFFF;
}
input[type="button"] {
  background-color:var(--main-bg-color);
  color: white;
}

<input type="button" value="Button" />

Answer 2

怎么样：

body, input[type="button"] {
    background-color: #0000AA;
}
body {
    font-size: 12px;
    color: #FFFFFF;
}

您可能还想查看 SCSS 变量