如何让 @apply 在 TailwindCSS 中工作？

Posted 2023-03-07

【中文标题】如何让 @apply 在 TailwindCSS 中工作？

【英文标题】：How do I get @apply to work in TailwindCSS?

【发布时间】：2020-04-12 11:34:00

【问题描述】：

我似乎无法让 TailwindCSS @apply 工作。 Visual Studio Code 似乎无法识别我的代码。

.btn 
  @apply mb-2 bg-purple-600 text-gray-100 font-bold p-3 rounded;

【参考方案1】：

您在应用命令“.”中定义的没有顺风类名称。你不需要放它。

作为一种解决方案，将所有顺风元素写在一行中。

.btn 
  @apply mb-2 bg-purple-600 text-gray-100 font-bold p-3 rounded;

【参考方案2】：

全部写在一行中：

.btn 
  @apply mb-2 bg-purple-600 text-gray-100 font-bold p-3 rounded;

希望对你有帮助。

【讨论】：

不是这样的，见官贴：tailwindcss.com/docs/utility-first