Next.js：如何更改特定页面上根 div __next 的 css？

我想改变div的id__next在登录页面上。 但是当我在 jsx 中添加样式时，它似乎更改为另一个带有 id 的 div#__next.jsx-2357705899，.main.jsx-2357705899当dom挂载到页面时。

我怎样才能改变CSS__nextdiv 当登录页面挂载时？

<style jsx>{`
  #__next,
  .main {
    height: 100%;
  }
`}</style>

也许这对某人有帮助。
创建文件夹“styles”添加“globals.css”

将其添加到该文件中

@tailwind components;
@tailwind utilities;
@layer components {
    #__next {
        @apply h-full bg-red-500;
    }
    html,
    body {
        @apply h-full;
    }
}