将 CSS Reset 文件应用到 Next.js 页面

Question

将 CSS Reset 文件应用到 Next.js 页面

我知道这种注入 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>
  )
}

Run Code Online (Sandbox Code Playgroud)

但是有没有办法快速插入css文件（在我的例子中重置css）？

Answer 1

bcj*_*ohn 5

您可以在文件reset.css中导入，它将为所有页面应用CSS重置样式。_app.jsx

_app.tsx

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

Run Code Online (Sandbox Code Playgroud)

归档时间：	5 年，2 月前
查看次数：	9683 次
最近记录：	5 年，2 月前