NextJS：仅针对特定页面的 <html> 标签

【问题标题】：NextJS: Target only the <html> Tag of a specific pageNextJS：仅针对特定页面的 <html> 标签
【发布时间】：2022-09-23 15:50:08
【问题描述】：

我正在使用 next.js 并在一个全局 css 文件中我有：

html {
    scroll-behavior: smooth;
}

现在，我实际上并不希望每一页都这样。我只想在我的博客页面上平滑滚动。但是，此 css 规则需要在 html 标记内才能应用于整个视口。

如何在 NextJS 中定位我网站特定页面的 html 标记？

【解决方案1】：

您必须制作一个仅在您的博客页面中导入的模块化 CSS 文件。更多信息在这里：https://nextjs.org/docs/basic-features/built-in-css-support#adding-component-level-css

【讨论】：