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日,部分内容可能存在时效性,请注意甄别。

相关推荐

更多教程
QTreeView自定义model使用及实现 前端技术 QTreeView自定义model使用及实现

  简介:前言最近在实现一个功...

6 浏览
react-flow自定义节点 前端技术 react-flow自定义节点

前言 在开发react-flow的过程中...

3 浏览
谷歌浏览器插件开发之消息传递 前端技术 谷歌浏览器插件开发之消息传递

前言 本项目基于react+vite开发...

5 浏览

评论