在接下來的js中，無法在每個單一頁面元件中載入CSS。只能在裡面加載 pages/_app.js

import '../styles.css'

// This default export is required in a new `pages/_app.js` file.
export default function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />
}

如果需要在單一元件內部調用，它們應該是 CSS 模組。

例如：components/layout.js

import styles from './layout.module.css';

export default function Layout({ children }) {
  return <div className={styles.container}>{children}</div>;
}

在components/layout.module.css中

.container {
  max-width: 36rem;
  padding: 0 1rem;
  margin: 3rem auto 6rem;
}

更多內容可以在此處