我正在尝试为按钮或输入之类的东西创建可重用的类。
我有一个global.css文件，代码为
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer components {
.btn {
@apply border border-pri hover: border-pri bg-pri rounded-lg py-2 px-4 font-semibold uppercase text-white hover: bg-sec transition duration-200 ease-in-out;
}
}
:root {
--primary: 88 28 135;
--secondary: 147 51 234;
--tertiary: 243 232 255;
}如果你看一下hover类，由于某种原因，vscode在写了一个伪类或断点(如hover或sm(后一直给出一个空格。我认为它更漂亮，但在执行/*premister-ignore*/comment后，问题仍然存在。我不确定是什么原因造成的。
即使在顺风文档中，它也表明可以添加伪类和断点，这就是我认为它是vscode的原因。
有其他人碰到过这个吗？如果重要的话，这是在Next.js项目中。
对于那些有同样问题的人，这个论坛有所帮助。谢谢ChenBr！
https://github.com/tailwindlabs/tailwindcss/discussions/6284
转到设置(文件>首选项>设置(。在"文本编辑器"下>文件。单击"添加项目"。为项目输入*.css，为值输入tailwindcss