css - 如何让 @apply 在 TailwindCSS 中工作?

标签 css tailwind-css

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

enter image description here

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

最佳答案

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

作为一种解决方案,将所有 tailwind 元素写在一行中。

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

关于css - 如何让 @apply 在 TailwindCSS 中工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59417026/

相关文章:

javascript - 为什么我的 CSS 动画没有应用于正确的元素?

css - 背景大小属性的浏览器问题

css - 关于CSS float 子div的问题

html - Span 在 Tailwind CSS 中的同一行显示元素

ReactJS 和 Tailwind CSS - 使用 h-screen 过度滚动

javascript - 如何使 Javascript 代码分别为每个元素工作,以使用相同的 Javascript 代码在 HTML 中创建多个副本

javascript - 我应该如何用 HTML 和 CSS 重新创建这个设计?

ember.js - Ember、PostCSS、SASS 和 @apply 的问题

ruby-on-rails - tailwind 3 未在 Rails + shakapacker + HAML 中完全加载(webpacker@v6、webpack@v5、postcss@v8)

reactjs - 为 nextjs 项目设置关键 css 和删除不需要的 CSS 的正确方法