CSS 使用其他组件的属性

Question

在css中，可否实现某组件使用其他组件的属性？例如，某组件.class1{background-color:black;},现在想让.class的color属性也为black，但希望达成“替换class1的background-color时，class2的color属性也被同步替换”的效果，请问只用css可以达成吗？

Answer 1

可以使用CSS变量
:root{
--bg-color:black;
}
.class1{
background-color:var(--bg-color);
}
.class2{
background-color:var(--bg-color);
}