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

相关推荐

更多教程
报错:prettier.resolveConfig.sync is not a function(react/vue) 前端技术 报错:prettier.resolveConfig.sync is not a function(react/vue)

  报错信息 报错原因 pre...

7 浏览
react中styled-components 全局样式设置 前端技术 react中styled-components 全局样式设置

前言 使用 styled-compone...

4 浏览
解除网页右键鼠标复制限制js代码(解密版本) 前端技术 解除网页右键鼠标复制限制js代码(解密版本)

  解除右键复制代码 [pwd...

4 浏览

评论