如何在 create-react-app 中使用 tailwind.css 设置 body 标签的样式

Question

我最近开始使用 Create-react-app 和 TailwindCSS，我想更改整个页面的背景。找不到设置标签样式的方法

我尝试在index.css文件中添加我自己的样式，如下所示

@tailwind base;
@tailwind components;
@tailwind utilities;

body{
    background-color: aqua;
}

但仍然不起作用，似乎它被顺风样式覆盖了，有什么方法可以设置 body 标签的样式吗？

Answer 1

body在 TailwindCSS 中，您可以通过添加标签@layer base并使用@apply关键字从 TailwindCSS 添加样式来编辑标签的样式。例子：

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  body {
    @apply bg-black
  }
}