在next.js中，如何将自定义css类和引导类应用于元素

导入css类，然后将其应用于元素，如下所示

import styles from "./Home.module.css";

<div className={(styles.collection, "card")}>

从“/Home.module.css”导入样式；

---

它们单独工作，但如上图所示应用时，样式不会应用于元素。

使用模板文字，包括通过插值的动态类名：

import styles from "./Home.module.css";

<div className={`${styles.collection} card`}>

import c from 'clsx';
import styles from "./Home.module.css";

<div className={c(styles.collection, "card")}>