时间戳

首页 > 解决方案 > ReactJS CSS 属性重复

javascript - ReactJS CSS 属性重复

问题描述

:root {
  --baseColor: red;
}

:root[dark-theme] {
  --baseColor: blue;
}

.test {
  color: var(--baseColor);
}

“npm run build”之后的 CSS 文件

:root{--baseColor:red}:root[dark-theme]{--baseColor:#00f}.IIp7v{color:red;color:var(--baseColor)}

正如您在上面看到的，颜色属性出现了两次。当变量存在时，任何类或选择器都会出现同样的问题。

标签： javascriptcssreactjs

解决方案

推荐阅读