Question

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

body {
    background-color: #0000AA;
    font-size: 12px;
    color: #FFFFFF;
}

input[type="button"] {
    background-color: body.background-color;
}

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

感谢。

Answer 1

不精确但CSS Custom Properties（也称为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 variables

CSS＆＃34;分享＆＃34;类之间的风格

2 个答案: