我有两个大型的自动生成CSS文件dark-theme.css和light-theme.css
我想使用数据属性“data-theme”有条件地导入它们
所以我在我的“theme.scss”文件中尝试了这个

:root,
[data-theme="light"] {
  @import url('light-theme.css');
}

[data-theme="dark"] {
  @import url('dark-theme.css');
}

这不起作用，它总是只从暗主题加载规则，即使“data-theme”已更改为亮

注意这两个CSS文件具有完全相同的类和规则，只是颜色发生了变化。这些文件是外部自动生成的，并且很大，手动更改它们很繁琐，所以我更喜欢基于data属性覆盖样式表的条件方式。