Nextjs如何从另一个页面中删除html类
Posted
技术标签:
【中文标题】Nextjs如何从另一个页面中删除html类【英文标题】:Nextjs how to remove html class from another page 【发布时间】:2019-08-03 01:36:05 【问题描述】:如何在索引页面和从 html 类中删除的其他页面上添加唯一的主页登录类?使用 nextjs。
render()
return (
<html class="home-landing">
<Head>
<link
rel="stylesheet"
type="text/css"
href="../static/css/fonts/montserrat/montserrat.css"
/>
</Head>
<body>
<Main />
<NextScript />
</body>
</html>
);
【问题讨论】:
你可以使用react-helmet来改变不同页面的html属性。 【参考方案1】:您只能在 index
组件中定义全局样式。
render()
return (
<html>
<Head>
<link rel="stylesheet" type="text/css" href="../static/css/fonts/montserrat/montserrat.css" />
</Head>
<body>
<Main />
<NextScript />
</body>
<style global jsx>`
html
// Put here the CSS you want to apply for html tag
`
</style>
</html>
);
见official documentation
【讨论】:
以上是关于Nextjs如何从另一个页面中删除html类的主要内容,如果未能解决你的问题,请参考以下文章
reCAPTCHA 成功时从元素中删除 css 类 - Nextjs
如何在 NextJs Document 上动态设置 HTML lang 属性?