javascript - 仅在 CSS 中将颜色从 div 继承到另一个

Question

假设我有 3 个 Div，一个叫做 A，其他的是 B 和 C，在 CSS 中，Div A、B 和 C 将始终具有相同的背景颜色，如下面的 CSS 示例所示。 .

div .A {
   background-color: black;
}

div .B {
   background-color: black;
}

div .C {
   background-color: black;
}

我的问题:我是否可以更改 div A 的背景颜色，然后其他 div B 和 C 实际上会提取应用到 A 的任何颜色并继承它？我可以仅使用 CSS 来做到这一点吗？

Answer 1

严格来说，不是。

没有什么比 CSS 类上的类级继承更好的了。属性可以通过 DOM 层次结构传播，但是没有直接的方法让 B 类和 C 类从 A 的定义中继承背景颜色。对于您想要共享的属性，您通常只需将一个公共(public)类应用到那些 DOM 元素。

换句话说，您无法仅在 CSS 中构建所需的 A、B 和 C 之间的关系。使用正确的 DOM，您可以做到。但是，如果您不希望 B 和 C 在 DOM 中成为 A 的子级，那么您就不走运了。