如何在 css 模块文件中设置非散列类的样式？

我正在使用 css 模块，并且有一个包含两个类的 React 组件：

• 一 - 使用 css 模块进行哈希处理
• 另一个 - 未散列，因为它来自另一个函数（假设它是“clear-class”）。

<div className={`${styles.hashedClass} clear-class`}>
   qwerty
</div>

我的 scss 文件看起来像这样，但它不起作用。

.hashedClass {
  ...

  &.clear-class {
    background-color: green;
  }
}

当我使用开发工具查看源代码时，我注意到clear-class也被散列了。

有没有办法在 scss 文件中标记我想要将样式应用于非哈希类？

Use :global()您不想散列的类中的选择器

.hashedClass {
  ...

  & :global(.clear-class) {
    background-color: green;
  }
}