next.js样式css的学习_nextjs 样式库

源生添加样式

一个页面永远离不开样式，在Next.js中推荐一种简介高效的方法——<style jsx>。

为的主页添加一些样式：

import Link from 'next/link'
import Router from 'next/router'
const index = () => (
  <div>
    <h2>Welcome to next.js!</h2>
    <Link href="/my/my">
      <a>to My</a>
    </Link>
    <button
      onClick={() => {
        Router.push('/my/my')
      }}
    >
      点击啊
    </button>
    <style jsx>
      {`
        h2 {
          color: red;
        }
      `}
    </style>
  </div>
)
export default index