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);}