需手动安装并注册插件，如运行 npm install -D @tailwindcss/forms 后在 tailwind.config.js 的 plugins 数组中添加 require('@tailwindcss/forms')。

怎么在项目里装上 Tailwind 插件（比如 @tailwindcss/forms）

插件不是开箱即用的，得手动安装并注册。不装 @tailwindcss/forms，form 相关类（如 form-input）压根不会生效；不注册，哪怕装了也等于没装。

• 先运行 npm install -D @tailwindcss/forms（或 yarn add -D @tailwindcss/forms）
• 然后在 tailwind.config.js 的 plugins 数组里加进去：

  module.exports = {
    plugins: [require('@tailwindcss/forms')],
  }

• 注意：V3+ 的 Tailwind 默认不带 require()，如果报错 Cannot find module '@tailwindcss/forms'，说明 Node 没启用 CommonJS，可改用 import 写法（需配置 type: "module"）或换回 require + .cjs 后缀

@tailwindcss/typography 的样式为什么没生效

它只处理你显式加了 prose 类的容器内 HTML，不会全局污染；而且默认只作用于 <article></article>、<section></section> 等语义标签，对 <div class="prose"> 也生效，但如果你忘了加 <code>class="prose"，就啥都看不到。

• 必须在要用富文本样式的元素上写 class="prose"，比如 <article class="prose">...</article>
• 插件自带响应式断点，prose-lg、prose-xl 是额外修饰类，不是替代 prose
• 若内容来自 CMS 或 Markdown 渲染器，确保输出的 HTML 没被 React/Vue 过滤掉 class 或内联样式
• 它不处理 <pre class="brush:php;toolbar:false;">&lt;code&gt;&lt;/code&gt; 的语法高亮——那是 &lt;code&gt;@tailwindcss/line-clamp&lt;/code&gt; 或第三方库的事</pre>

自定义插件和第三方插件冲突怎么办（比如两个都改 borderRadius）

Tailwind 配置合并是浅合并，插件之间不感知彼此。如果两个插件都往 theme.extend.borderRadius 里塞键值，后注册的会覆盖前一个——顺序很重要，且无法自动去重。

CSS婚礼策划服务机构宣传网站模板

CSS婚礼策划服务机构宣传网站模板是一款适合提供婚礼策划和婚庆服务机构宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。

下载

• 查插件文档看它修改了哪些 theme 字段，比如 @tailwindcss/aspect-ratio 只加 aspectRatio，不影响其他
• 手动统一管理扩展项：把所有插件想加的 borderRadius 值集中写进 theme.extend.borderRadius，别依赖插件自带的扩展
• 用 configFile 指向同一份 tailwind.config.js，避免多配置文件导致插件注册分散
• 开发时跑 npx tailwindcss -c ./tailwind.config.js --dry-run，能快速验证最终生成的类名是否符合预期

为什么用了 @tailwindcss/container-queries 却没生成 @container 规则

这个插件只是让 Tailwind 支持 container 相关类（如 container-sm），并不提供 CSS Container Queries 本身的运行时能力。浏览器原生支持度低（Chrome 117+、Safari 16.4+），且必须配合 container-type 和 container-name 才能触发查询。

立即学习“前端免费学习笔记（深入）”；

• 插件只负责生成 .container、.container-sm 这些类，不帮你写 container-type: inline-size
• 要在目标元素上手动加 container-type: inline-size（CSS）或 containerType: "inline-size"（JSX style 对象）
• 目前没有插件能自动注入 container-type ——这是你自己的布局责任
• 构建产物里看不到 @container (min-width: 480px)？正常。Tailwind 不生成这类规则，它只生成类名；容器查询逻辑由浏览器运行时执行

插件生态看着热闹，但每个都只解决一个切口，没哪个能替你决定“这个 div 到底该不该设为 container”或者“form 元素要不要自动加 focus ring”。集成时最耗时间的，往往不是装包，而是翻三个地方的文档：插件 README、Tailwind 官方 config 文档、还有你当前框架的 CSS 注入机制。