nextjs13中cssModule设置子标签的样式

前言 最近在学习nextjs中发现,如果在cssModule文件中直接设置子标签的样式比较麻烦,最后在网上看到 […]

前言

最近在学习nextjs中发现,如果在cssModule文件中直接设置子标签的样式比较麻烦,最后在网上看到一种方式可以解决,方式如下。

ps: 此方式不一定最优,因为在我看来此代码耦合性太高了,看着不太舒适,因为我的文件目录是包含有一个css样式,所以想把样式统一在css中,后面找到解决办法再更新。

 

解决方式

<style global jsx>{`
    body {
      margin: 0;
      padding: 0
    }
`}</style>

 

版权声明
文章标题:nextjs13中cssModule设置子标签的样式
文章链接:https://blog.chiyuba.com/qianduanjishu/392.html
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布,转载或引用请注明出处。
温馨提示:本文最后更新于 2025年7月9日,部分内容可能存在时效性,请注意甄别。

相关推荐

更多教程
React中使用redux toolkit状态库 前端技术 React中使用redux toolkit状态库

  简介:前言react项目中...

32 浏览
ssycms模板开发之模板文件结构 UI相关 ssycms模板开发之模板文件结构

资源目录结构 ├─tempalte 模板...

24 浏览
React轻量级代码编辑器组件 CodeMirror 使用 前端技术 React轻量级代码编辑器组件 CodeMirror 使用

截图     特性 ? 自动根据 mod...

28 浏览

评论