Question

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

Answer 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类

1 个答案: