tailwind自动生成的代码在哪里啊

我在使用 tailwind 写代码,写好以后 F12可以看到css所在位置,但是去文件夹打开那个css,确什么都没有找到,请问是什么原因
下面是我的f12下的css所在位置和代码

但是实际打开这个css的时候,里面确是这些东西,请问我刚才看到的代码在哪里啊

当你使用 tailwind 时，它会为你自动生成 CSS 代码，但是这些代码是不会写入到 CSS 文件中的。相反，它们会被注入到 HTML 页面的 style 标签中，你可以在浏览器的开发者工具中查看它们。

例如，你可以在浏览器中打开你的网页，然后按 F12 或者 Ctrl + Shift + I（在 Mac 上按 Cmd + Opt + I）来打开开发者工具。在开发者工具的“Elements”选项卡中，你就能看到生成的 CSS 代码了。

如果你希望把生成的 CSS 代码写入到 CSS 文件中，你可以使用 tailwind 的构建工具来完成这个操作。你可以在 tailwind 的文档中了解更多关于构建工具的信息。

总之，你可以在浏览器的开发者工具中查看 tailwind 生成的 CSS 代码，但是这些代码不会被写入到 CSS 文件中。如果你希望把它们写入到文件中，你需要使用 tailwind 的构建工具。