将CSS重置文件应用于Next.js页面_Next.js

将CSS重置文件应用于Next.js页面

next.js

将CSS重置文件应用于Next.js页面,next.js,Next.js,我知道这种注入CSS的方法： import Head from 'next/head' export default function Home() { return ( <div className="container"> <style jsx global>{` body { margin: 0; } `}</style>

我知道这种注入CSS的方法：

import Head from 'next/head'

export default function Home() {
  return (
    <div className="container">
      <style jsx global>{`
            body {
              margin: 0;
            }
      `}</style>

      <Head>
        <title>audiom</title>
        <link rel="icon" href="/favicon.ico" />
      </Head>
      
    </div>
  )
}

从“下一个/头部”导入头部
导出默认函数Home（）{
返回(
{`
身体{
保证金：0；
}
`}
奥迪姆
)
}

但是有没有一种方法可以快速插入css文件（在我的例子中是css重置）？

您可以导入

reset.css

在中，它将为所有页面应用css重置样式

\u app.tsx

import '../styles/reset.css';