时间戳

首页 > 解决方案 > Nextjs如何从另一个页面中删除html类

reactjs - Nextjs如何从另一个页面中删除html类

问题描述

如何在索引页面和从 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>
  );
}

标签： reactjsnext.js

解决方案

您只能在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>
);
}

见官方文档

推荐阅读