NextJS SCSS 模块只有 JSX 元素

时间:2021-06-29 11:29:16

标签: css reactjs sass next.js css-modules

所以我从我的 GraphCMS 下载了一个很长的字符串,我将它解析为 HTML,但我的样式有问题,我想自己设置 <p><h1> 等元素的样式,我认为只需创建 article.scss 文件并将其样式设置为

h1 {
   font-weight: 700;
}
p {
   margin-left: 4px;
}

但它不起作用,因为 Next 试图强迫我使用 CSS 模块并显示错误,我不知道如何设置元素的样式,而不是 CSS 模块中的类,我无法设置 globals.scss 的样式,因为它会破坏整个网站的布局。我也尝试过像

这样的样式
<style jsx>{`
   *some styles*
`}</style>

但它也不起作用。有人可以解释我如何实现它吗?

0 个答案:

没有答案