Tailwind CSS v4 并未弃用 JavaScript 配置文件，而是将其降级为仅支持 content 扫描和插件加载的兜底层；核心配置（如颜色、断点）必须通过 CSS 中的 @import、@theme、@config 等指令声明，Oxide 引擎仅解析这些 CSS 规则，忽略 tailwind.config.js 中的 theme.extend 等配置，且语法错误或顺序错位会导致类名静默失效。
Tailwind CSS v4 的“CSS草案语法”不是新标准草案，而是指它直接采用原生 CSS 语法（@import、@theme、@config）替代 JS 配置逻辑——删掉 tailwind.config.js 后，只要 CSS 文件里写对了规则，样式就能生成；写错一个连字符或顺序，类名就彻底消失，且无报错。
为什么删了 config.js 还是没生成 bg-primary？
根本原因：v4 的 Oxide 引擎只扫描 CSS 中的 @theme 块，完全忽略 tailwind.config.js 里的 theme.extend.colors。哪怕你保留该文件并写了 primary: '#3b82f6'，也不会触发任何类生成。
-
@theme必须写在@import "tailwindcss"之后、同一 CSS 文件内（跨文件不生效） - 变量名必须带标准前缀：
--color-primary✅，--primary❌ 或--my-color❌ - 值支持 HEX/RGB/HSL，但 OKLCH（如
oklch(0.62 0.15 274)）才能自动推导明度阶梯（primary-400/primary-600）
@import 'tailwindcss' 为什么不能用双引号或漏分号？
v4 废弃所有 @tailwind 指令，改用标准 CSS @import 触发引擎。Oxide 引擎严格校验语法，不符合就静默跳过——基础类如 text-lg、flex 全部消失，且不报错。
Pandas 配置文件报告生成器
下载
使用ydata-profiling（前身为pandas-profiling）生成全面的数据质量报告，包含相关性分析、缺失值模式和基数检测。导出交互式HTML仪表板和JSON摘要。
- 必须写成
@import 'tailwindcss';（单引号 + 末尾分号，缺一不可） - 不能再拆成
@tailwind base;+@tailwind components; - 若项目残留
postcss-import等 PostCSS 插件，会导致重复解析或冲突，必须彻底移除
@config 和 @theme 的作用边界在哪？
@config 是静态声明区，@theme 是运行时可变区，二者不能混用，且都只影响当前 CSS 文件作用域。
立即学习“前端免费学习笔记（深入）”；
-
@config必须出现在@import "tailwindcss"之前，只接受静态值（不能引用 CSS 变量、不能拼字符串），支持theme.colors、theme.spacing等基础键 -
@theme放在@import之后，变量可被 JS 动态修改（如document.documentElement.style.setProperty('--color-brand-500', '#ef4444')），但仅限带前缀的合法变量名 -
content、plugins、darkMode等字段仍需靠tailwind.config.js提供——它没被删除，只是降级为兜底用途
最容易被忽略的是作用域隔离：你在 src/components/Button.css 里写的 @theme，不会影响 src/layout/Header.css；想全局生效，就得统一写进主入口 CSS（如 src/index.css），且顺序不能错。
