请问，有没有类似于 tailwind css 框架一样把 CSS 提前定义好，但又不需要这么复杂的框架呢？
go522000 · 2021-04-09 16:38:30 +08:00 · 1474 次点击这是一个创建于 1112 天前的主题，其中的信息可能已经有所发展或是发生改变。
事情是这样的，现手头上有一个旧项目，用 bootstrap 写的，有一些小修改，比如某元素向左移一点，某文字放大一点这样小修改。
为此就尝试引入 tailwind，考虑是很多样式都提前定义好，只需要增加上去，但后来发现 tailwind 除了修改一些默认样式外（比如将所有 img 定义为 dispaly: block), 还有一些样式命名与 bootstrap 是冲突的。
为此在搜索寻找，看看有没有哪个 CSS 辅助型的框架，将这些 CSS 样式定义，而又不与其它 CSS 框架冲突。
求推荐。。。
或者，能不能将 tailwind 部分样式取出来，如 text, font, margin, padding, color 等这些取出来，不要什么 hover 和 全局 * 定义的样式。
tailwind2 版本下载后好几个 M，引入到页面中简直大材小用。
为此就尝试引入 tailwind，考虑是很多样式都提前定义好，只需要增加上去，但后来发现 tailwind 除了修改一些默认样式外（比如将所有 img 定义为 dispaly: block), 还有一些样式命名与 bootstrap 是冲突的。
为此在搜索寻找，看看有没有哪个 CSS 辅助型的框架，将这些 CSS 样式定义，而又不与其它 CSS 框架冲突。
求推荐。。。
或者，能不能将 tailwind 部分样式取出来，如 text, font, margin, padding, color 等这些取出来，不要什么 hover 和 全局 * 定义的样式。
tailwind2 版本下载后好几个 M，引入到页面中简直大材小用。
 |
1
manami 2021-04-09 16:47:29 +08:00
试试 bulma
|
 |
2
momocraft 2021-04-09 16:49:08 +08:00
tailwind 全套可以自定义引入 包括 preflight 和 utility class
顺便解决大小问题 |
 |
3
go522000 OP @momocraft T_T 哭，前端不熟悉，旧项目就是 HTML 文件引用 jquery 和 bootstrap 这样直接撸的项目，自定义引用内容这种不懂怎么操作。
|
 |
4
Jirajine 2021-04-09 17:07:32 +08:00 via Android
tailwind 不是给你直接引入的啊，要配合构建系统，打包出来的结果中没有用到的全都被 postcss 去掉了。
|
|
5
momocraft 2021-04-09 17:15:13 +08:00
包括自己配置的 "全套" 需要 postcss
要不换个思路手写 scss 之类的吧.. 像大小这些可以 for 生成 不用一个个写 |
 |
6
hyrious 2021-04-09 17:55:55 +08:00
|
 |
7
muzuiget 2021-04-09 18:00:45 +08:00
旧项目就是打补丁式覆盖就是了，自己定义几个常用 class 又不是难事。
一直觉得 Tailwind CSS 这种框架纯粹蛋疼，无非就是把 style 属性的东西全变成 class 属性。 |
 |
8
Hanser002 2021-04-09 18:11:35 +08:00
5 楼正解
|
 |
9
luob 2021-04-09 18:20:22 +08:00
bootstrap 的 helper 和 utilities 部分提供的工具类还不够吗，你还需要哪些功能？
|
Select Language