【发布时间】：2023-03-07 16:59:05
【问题描述】：
是否可以在 CSS 中将一个类的一个属性的值设置为另一个类的相同属性值？
例如：
.classA{
color: blue;
}
.classB{
color:[likeClassA];
}
【问题讨论】：
-
使用variables。
-
注意，你指的是CSS“属性”而不是“属性”。
标签： css
【发布时间】：2023-03-07 16:59:05
【问题描述】：
这是不可能的，但你可以这样做
.classA ,.class B{
color:blue;
}
【讨论】：
使用纯 CSS（即不是预编译的解决方案），您可以使用 CSS 自定义属性：
:root {
--mycolor: blue;
}
.classA {
color: var(--mycolor);
}
.classB {
color: var(--mycolor);
}
阅读更多：https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties
请注意var() 在 IE11 或更低版本中不受支持。有一些解决方案虽然包括 polyfill：CSS custom properties polyfill for ie11
【讨论】：
-
对 IE 的支持很糟糕
-
我知道。但是有一些方法可以解决它。真正的解决方案是在这里使用 SASS，但我正在尝试提供原生答案。
-
发现有趣的是 YouTube css 充满了 var 的东西 :-)