我有两个大的自动生成的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');
}
这不起作用,它总是只从dark主题加载规则,即使"data-theme"已改为轻
注意这两个CSS文件具有完全相同的类和规则,只是颜色发生了变化。这些文件是外部自动生成的,而且很大,手动更改它们很繁琐,所以我更喜欢基于data属性覆盖样式表的有条件方式。
要做到这一点,您可以直接导入它,而不需要.css
扩展名。
但是它不会被惰性加载