Tailwind CSS全局文件中base层样式未生效，components层正常

你的问题出在选择器目标错误：你在base层定义的是.body类选择器，但要修改的是HTML里的<body>标签元素，而非带有body类的元素。以下是两种解决办法：

方法1：直接针对body标签设置样式（推荐） #

在base层直接使用body标签选择器，样式会直接作用于页面的body元素：

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

@layer base {
    body {
        @apply bg-[#141414] text-white;
    }
}

@layer components {
  
  .headerLink {
    @apply cursor-pointer text-sm font-light text-[#e5e5e5] transition duration-[.4s] hover:text-[#b3b3b3];
  }
}

方法2：给body标签添加对应类 #

如果坚持使用类选择器，需要在HTML的<body>标签上添加body类：

<body class="body">
    <!-- 页面内容 -->
</body>

components层的.headerLink能生效，是因为你在页面元素上添加了headerLink类；而body元素既没加body类，你的选择器也没指向body标签本身，所以样式无法生效。

内容的提问来源于stack exchange，提问作者Samuel