Tailwind 类转换器
粘贴声明或 Tailwind 类，选择转换方向，并查看每一项映射和未匹配项。
粘贴声明或类，然后转换。
已映射
未匹配
仅使用内置 Tailwind v4 子集，不读取自定义项目主题或 Tailwind v3 差异。
使用步骤
如何使用
- 粘贴 CSS 声明或 Tailwind 类。
- 选择转换方向，以及是否启用任意值或 px 转 rem。
- 逐项检查映射和未匹配项，再复制结果。
范围有限的 Tailwind v4 映射
本地映射常见间距、颜色、排版、显示、弹性布局、网格、边框、圆角、阴影和定位声明。不会读取自定义项目主题，也不处理 Tailwind v3 差异。
不会静默丢弃
每条声明或类都会显示为已映射或未匹配。可选择将不支持的值输出为 p-[13px] 这样的任意值工具类。
本地处理
解析和转换都在浏览器中完成。不会上传样式表、项目配置或粘贴的内容。
常见问题
你可能还想知道
会加载我的 tailwind.config 吗？
不会。不会读取自定义主题或 Tailwind v3 差异；内置映射只是 Tailwind v4 子集。
不支持的声明会被丢弃吗？
不会。它们会保留在未匹配列表中；属性支持时也可启用任意值。
可以转换完整样式表吗？
工具接受声明行和类名，不解析选择器、嵌套规则或完整样式表。