【问题标题】:Apply CSS Reset file to Next.js page将 CSS 重置文件应用到 Next.js 页面
【发布时间】:2020-11-22 17:08:06
【问题描述】:

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

但是有没有办法快速插入一个 css 文件(在我的例子中是 css 重置)?

【问题讨论】:

    标签: next.js


    【解决方案1】:

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

    _app.tsx

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

    【讨论】:

      猜你喜欢
      • 2020-08-28
      • 2021-05-03
      • 1970-01-01
      • 2018-01-12
      • 2016-07-22
      • 2021-04-16
      • 1970-01-01
      • 1970-01-01
      • 2021-05-25
      相关资源
      最近更新 更多