Tailwind 配置中的 base 有何用途？

Question

我想知道在 tailwind 配置文件中可以配置什么，我只是无法掌握在这个文件中可以配置什么，特别是基础部分。

@tailwind base;

@tailwind components;

@tailwind utilities;

有人可以详细说明一下吗？

Answer 1

使用@tailwind插入Tailwind\xe2\x80\x99s指令的方式。Tailwind 支持将这四个指令base、components、utilities和screens样式添加到 CSS 中。

\n

Base注入 Tailwind 的基本样式，例如插入任何布局\n主题等。详细说明了基本的使用

\n

@layer base {\n  h1 {\n    @apply text-2xl;\n  }\n  h2 {\n    @apply text-xl;\n  }\n}\n

\n

同样，组件用于提取一些类，例如按钮。\n您可以通过所有这些来获取提示

\n