我无法确认您使用vite build时的问题。但是，由于您的问题不包含构建脚本示例，并且问题发生在Vite和Gulp中，我将假定您仅使用Tailwind Cli命令时出现问题（因为我可以使用npx tailwindcss -i input.scss -o output.css重现该问题）。在这种情况下，您需要更改两项内容
1.由于您使用嵌套语法，因此需要将tailwindcss/nesting插件添加到PostCSS配置文件中

// postcss.config.js

module.exports = {
    plugins: {
        'tailwindcss/nesting': {}, // should be placed BEFORE tailwindcss
        tailwindcss: {},
        autoprefixer: {},
    },
};

• P.S.不知道为什么它需要虽然。我认为因为Tailwind是PostCSS插件，它没有做任何关于.scss文件，并立即跳过所有SASS功能（如嵌套语法），并继续您的文件作为常规CSS文件使用PostCSS。由于嵌套语法不支持CSS，您需要包括所需的PostCSS插件（在这种情况下是tailwindcss/nesting）*

1.将--postcss标志添加到您的构建命令（它将告诉您正在使用自定义PostCSS配置）

npx tailwindcss -i ./src/input.scss -o ./dits/output.css --postcss

现在，您应该看到预期的输出