Next.js NextJS是否可以将特定于模块的样式和全局样式结合起来？

例如，如何使用特定于模块的css中的类“module”和全局css中的类“global”来设计组件的样式

<p className={styles.module}>Hello World!</p>
<p className={global}>Hello World!</p>

你好，世界
你好，世界

我想是这样的：

<p> className={styles.module, global}>Hello World!</p>

className={style.module，global}>你好，世界

简单的方法是使用模板文本：

你好，世界

---

对于更复杂的用法，您可以使用。

是的，您可以将两者结合使用：

对于全局CSS，您可以将其添加到

pages/_app.js

文件中，如下所示：

<p> className={styles.module, global}>Hello World!</p>

import'../styles.css'

对于组件级CSS，您可以将其添加到组件文件中，如下所示：

<p> className={styles.module, global}>Hello World!</p>

从“./Component.module.css”导入样式

让我们想象一下，这些CSS文件的内容是：

/*style.css*/
.classFromGlobalCSS{
颜色：白色；
}

/*Component.module.css*/
.classFromComponentCSS{
背景色：黑色；
}

然后，在您的组件中，您可以使用此选项将两个来源的样式放在同一段落上：

你好，世界！

---

您可以在上找到更多信息。

您是否确实尝试过这样做？非常感谢您提供了详细的答案，但我想我不够精确。在您的示例中，我想将classFromComponentCSS和classFromGlobalCSS添加到一个段落中。我只是根据您的要求修改了代码。