CSS转Tailwind
将CSS代码转换为Tailwind CSS工具类。粘贴CSS即可获得等效的Tailwind类。
⚠️ 不支持的属性 ()
ℹ️ 关于 CSS转Tailwind
粘贴一段 CSS 规则集，这款转换器就会按选择器分组返回对应的 Tailwind 工具类。它会把声明与 Tailwind 的默认比例对照——间距、text-xs 到 text-9xl、rounded-lg、gray-700 等等——没有匹配项时则回退到 p-[13px] 这样的任意值，并列出无法转换的声明。把旧样式表或老组件迁移到 Tailwind 时很好用。解析在您的浏览器中进行，CSS 不会被上传。
💡 使用场景
📋 如何使用
把一条 CSS 规则或一整段声明粘贴到左侧的 CSS 框中，也可以点击 Sample 载入示例。
边输入边看右侧的 Tailwind CSS 面板自动填充，每个属性和取值都会映射成对应的工具类。
逐个选择器核对输出：每条规则先以注释形式给出标题，后面跟着可直接粘进 class 属性的类名列表。
打开黄色的 Unsupported properties 区块，查看没有 Tailwind 对应写法的声明，它们会连同所属选择器一起列出，方便你手动处理。
点击 Copy，把生成的类名复制到剪贴板。
点击 Clear 清空两侧面板，再粘贴下一段 CSS。
💎 专业提示
- 直接粘贴内容即可 —— CSS 转 Tailwind 工具会识别常见的输入格式，并自动套用合理的默认设置。
- 善用键盘快捷键（Ctrl/Cmd+A 全选、Ctrl/Cmd+C 复制），让你在 CSS 转 Tailwind 工具中的操作更顺手。
- 输入内容特别大时建议分块处理 —— 浏览器标签页通常能承载几兆字节的文本，但解析超大数据可能让界面短暂卡顿。
- CSS 转 Tailwind 工具不会记录或保存你的输入。如果需要留存记录，请把重要结果复制到本地文件或笔记应用中。
- 把 CSS 转 Tailwind 工具与站内其他工具（格式化工具、转换工具、编码工具）搭配使用，不用离开浏览器就能搭建完整的数据处理流程。
❓ 常见问题解答
是的，完全免费：无需注册、无需 API 密钥、没有水印，也没有使用次数限制。
不会。CSS 转 Tailwind 工具完全在你的浏览器本地运行，输入内容不会经过我们的服务器。
没有硬性上限，但输入超过几兆字节后速度会变慢，具体取决于你设备的内存。
可以。用 CSS 转 Tailwind 工具生成的结果归你所有，可自由用于任何个人或商业项目。
大部分逻辑都由客户端 JavaScript 完成，因此首次加载之后，通常在没有网络连接的情况下也能继续使用。
没有。CSS 转 Tailwind 工具在你的浏览器中运行，只要硬件跟得上，想处理多少次都可以，既不需要 API 密钥，也不会被限流。