在next.js中,如何将自定义CSS类和引导类同时应用于元素

科克

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

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

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

它们单独起作用,但是如上所示应用时,样式不会应用到元素。

sdgluck

使用模板文字,包括通过插值生成的动态类名称:

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

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

或者,使用类似clsx以下的帮助器

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用自定义主题和支持CSS模块功能在Next.js中配置Ant Design

来自分类Dev

如何将自定义字体应用于Android应用中的每个TextView

来自分类Dev

sed next和Next命令

来自分类Dev

如何将自定义JsonConverter应用于字典中列表中的值?

来自分类Dev

在自定义类中实现__next__

来自分类Dev

如何将自定义重试策略应用于 Azure 函数中的 Eventhub 绑定

来自分类Dev

如何将自定义主题应用于Google自定义搜索?

来自分类Dev

如何将引导程序类应用于 css 文件中的每个相同的 HTML 元素?

来自分类Dev

用于类创建实践的Lua自定义链接列表无法设置node.next

来自分类Dev

如何将自定义样式应用于SwitchCompat

来自分类Dev

如何将自定义字体应用于TTTAttributedLabel

来自分类Dev

如何将自定义材质设计主题应用于Bootstrap组件

来自分类Dev

如何将自定义函数应用于熊猫数据框的2列?

来自分类Dev

Ionic 5-如何将自定义样式应用于离子输入

来自分类Dev

如何将自定义比较器应用于R数据帧?

来自分类Dev

如何将自定义滚动功能应用于pandas groupby?

来自分类Dev

如何将自定义滚动功能应用于pandas groupby?

来自分类Dev

如何将自定义ServiceStack RequestFilterAttribute应用于自动生成的服务?

来自分类Dev

如何将自定义颜色应用于PdfPCell的背景?

来自分类Dev

如何将自定义材质设计主题应用于Bootstrap组件

来自分类Dev

如何将自定义函数应用于 quanteda 语料库

来自分类Dev

如何将自定义排序应用于此对象数组?

来自分类Dev

如何仅将自定义属性应用于元素?

来自分类Dev

next()元素SimpleXML

来自分类Dev

如何克服由于 Next.JS 应用程序的相对路径和自定义导入导致的构建时错误?

来自分类Dev

如何使用bootstrap / css将自定义宽度应用于表格标题?

来自分类Dev

使用Next.js自定义布尔玛

来自分类Dev

部署Next.js

来自分类Dev

Next.js getStaticPaths

Related 相关文章

  1. 1

    如何使用自定义主题和支持CSS模块功能在Next.js中配置Ant Design

  2. 2

    如何将自定义字体应用于Android应用中的每个TextView

  3. 3

    sed next和Next命令

  4. 4

    如何将自定义JsonConverter应用于字典中列表中的值?

  5. 5

    在自定义类中实现__next__

  6. 6

    如何将自定义重试策略应用于 Azure 函数中的 Eventhub 绑定

  7. 7

    如何将自定义主题应用于Google自定义搜索?

  8. 8

    如何将引导程序类应用于 css 文件中的每个相同的 HTML 元素?

  9. 9

    用于类创建实践的Lua自定义链接列表无法设置node.next

  10. 10

    如何将自定义样式应用于SwitchCompat

  11. 11

    如何将自定义字体应用于TTTAttributedLabel

  12. 12

    如何将自定义材质设计主题应用于Bootstrap组件

  13. 13

    如何将自定义函数应用于熊猫数据框的2列?

  14. 14

    Ionic 5-如何将自定义样式应用于离子输入

  15. 15

    如何将自定义比较器应用于R数据帧?

  16. 16

    如何将自定义滚动功能应用于pandas groupby?

  17. 17

    如何将自定义滚动功能应用于pandas groupby?

  18. 18

    如何将自定义ServiceStack RequestFilterAttribute应用于自动生成的服务?

  19. 19

    如何将自定义颜色应用于PdfPCell的背景?

  20. 20

    如何将自定义材质设计主题应用于Bootstrap组件

  21. 21

    如何将自定义函数应用于 quanteda 语料库

  22. 22

    如何将自定义排序应用于此对象数组?

  23. 23

    如何仅将自定义属性应用于元素?

  24. 24

    next()元素SimpleXML

  25. 25

    如何克服由于 Next.JS 应用程序的相对路径和自定义导入导致的构建时错误?

  26. 26

    如何使用bootstrap / css将自定义宽度应用于表格标题?

  27. 27

    使用Next.js自定义布尔玛

  28. 28

    部署Next.js

  29. 29

    Next.js getStaticPaths

热门标签

归档