在使用SCS或SASS时，是否可以在类内设置CSS@import？融合实例

我有以下结构，但无法使其工作。 第一个CSS规则总是被第二个导入覆盖，不管body类是light还是dark

有没有一种方法可以完全用SCS来实现

base.scss：

body.light {
  @import './light';
}

body.dark {
  @import './dark';
}

_light.scss：

@import '../../node_modules/@syncfusion/ej2-base/styles/material.css';

_dark.scss：

@import '../../node_modules/@syncfusion/ej2-base/styles/material-dark.css';

---

来自Syncfusion的问候

我们已经检查了这一点，我们会让您知道，我们已经记录了此支持的功能请求，我们可以使用下面的反馈门户进行跟踪

反馈：

我们预计它将在2020年第3卷发行版中提供，我们会让您了解使用SCS动态更改主题的详细信息。在此之前，我们要求您使用以下方法动态更改主题

---

如果您需要进一步的帮助，请与我们联系。

Syncfusion组件能够像其他第三方组件一样在编译时动态生成主题文件。但是，我们无法在运行时根据该线程的第一个查询中的请求动态生成主题。我们要求您使用这些方法 在下面的KB链接中建议在应用程序中更改动态主题

---

根据什么标准需要导入CSS文件？看一看基于@media有条件地加载CSS的例子：class light导入_light.scss文件。类dark导入_dark.scss file.ok，因此根据您的body元素是否具有light类，您希望使用material.css中的css，如果它更改为dark类，则您希望使用material-dark.css中的css。AFAIK导入的规则不会成为选择器的一部分。表示body.light不是导入的条件。当然，只要body元素的class属性发生变化，就可以用javascript加载CSS。但显然不是。是的，我知道这些线索。事实上我也参与了。我现在使用了一种没有Ajax包的更简单的方法

constyletag:any=document.getElementById（'theme'）；styleTag.href=/styles/material-${colorScheme}.css

；但是这个解决方案不是很好，因为你需要在项目中同时使用材质和材质暗主题。