我得到了一个html文件，这是用tawincss编写的，我正在试图弄清楚如何将所有这些内容转换为普通的css.我已经找到了一个只执行类的转换器，但这需要我手动从代码中提取数千个类，然后重新传递它.有没有什么工具可以让我上传整个html文件，然后它会为我输出一个css版本，或者我必须手动完成整个转换？我更喜欢网上的东西，因为我不想go 通过安装一堆第三方工具，学习那里的系统，做转换，然后卸载一切.
推荐答案
Paste your html code in tailwind-playground
You can access the css in the generated css files tab.
示例
当您在您的CSS(the first 552 lines of generated css)中包含@TailWind BASE时，tailwind 会自动注入这些样式
您可以通过在tailwind.config.cs中设置preflight = false来移除这些基类
module.exports = {
corePlugins: {
preflight: false,
}
}
Css相关问答推荐
如何使用在另一个层定义块中定义的sass层作用域变量
为什么我的容器的弹性包裹会导致我的自动填充网格添加额外的空轨道行？
如何使用混合混合模式更改动画背景上的文本 colored颜色
如何解决 Spotify 嵌入代码中的白色背景错误？
如何在Bootstrap 5上使用移动设备居中内容？
使用 flexbox 使图像与内容高度相同
Tailwind css break-word 在输入字段中不起作用
网格在行方向上的大小不正确
包含tailwind 中固定纵横比框的内容
整个列的 CSS Grid Margin Top
使用 React-Router 和 Outlet 时如何确保内容保持在下方
Icomoon：如何避免重复索引(具有相同内容 ID 的不同图标)？
调整屏幕大小时无法让我的视频背景保持不变
使用 CSS3 生成重复的六边形图案
媒体查询以错误的宽度触发
悬停时如何在图像上显示文字？
如何强制显示垂直滚动条？
flex-wrap 如何与 align-self、align-items 和 align-content 一起使用？
CSS - 悬停穿过元素以激活悬停在被覆盖的元素上
了解 Bootstrap 3 中的网格类( col-sm-# 和 col-lg-# )
实用课程推荐