Tailwind @apply 在角度应用程序 .css 文件中

Question

我在@apply 下看到了黄线。尽管 css 文件工作正常并且它应用了 html 组件中的样式，但黄线仍然位于 @apply 关键字下。所以每个css文件都是这样的。有人可以解释一下吗？

我想去掉那些黄线。就像一团糟

Answer 1

将此属性添加到工作区中的 .vscode/settings.json

"css.customData": ["./tailwind.json"],

在根目录添加 tailwind.json 文件

{
  "version": 1.1,
  "atDirectives": [
    {
      "name": "@tailwind",
      "description": "Use the @tailwind directive to insert Tailwind's `base`, `components`, `utilities`, and `screens` styles into your CSS."
    },
    {
      "name": "@apply",
      "description": "Use @apply to inline any existing utility classes into your own custom CSS."
    }
  ]
}