Tailwind CSS 是最烂的... 【Masonic字幕组】

特大信子:
less,sass加上module css css in js 这两种用法都比tailwind css好用吧 或者说写一大堆类名 真不如直接用css的预编译器来的实在，写个伪元素或者复杂的伪类，你琢磨写法的时候 甚至我用原生css已经写完了。 tailwind css感觉只适用于页面少，且样式简单的项目。

【回复】是吗，我们公司对接国外react的项目全是tailwind写的，包括electron的项目也是tailwind，效率绝对比传统Css高
【回复】我一开始也会觉得难以维护，但是react和tailwind真的挺契合的，得益于react的className命名，维护起来反而更容易了，不用到处翻
远小帅呀:
省时省力，响应式方便，我是用了就爱不释手的那种，虽然有时候一大堆class全堆在一块有点丑。css类名有时候确实难起 bem规范啥的，头大

【回复】起类名真的头大，这是喜欢写原子化主要原因之一[笑哭]
【回复】class一堆但是改起来方便，css还要去找文件样式
【回复】如果觉得堆在一块有点丑，可以去查一下classregex以及classattributes，可以把样式和html分离，
二次元正统在AS:
你不得不承认 这玩意儿写的时候是真的爽 更爽的是队友想改的时候不得不看我写的屎

热带鱼人:
如果你的产品想一出是一出，如果你的设计岗人事流动大，如果你的项目缺乏规范，ok那是挺适合tailwind。 所以说，tailwind有广阔的市场[doge]

【回复】回复 @control魔 :tw在写的时候是很爽的，节省很多想名字的时间，相当于具有内联样式优点的情况下还不像内联样式那样占优先级。tw的写法硬说也有「复用」的概念，但是自定义基本样式库一套下来工作量其实比裸less好不了多少。 成熟的项目一般是有设计规范、产品和设计师遵循设计规范的，尤其是toB的项目，可能一个大需求做下来写不到几行css，全都可以复用基建，tw的优势不大。 而tw就很适合那种管写不管修的项目，比如节日活动页，样式每次都是花里胡哨的新设计，每年都重新做，每次做出来也就用一两周就下线了。这种倒是非常适合tw。
【回复】回复 @热带鱼人 : tailwindcss 其实是针对设计师的，每个设计师的设计稿五花八门，不是bootstrap、antd 组件库随便改改就能复原。toB 这种对设计并不会太过于重视的，通用组件库复用就行。
【回复】那挺适合我的，我就是想出一出是一出
小的上:
自从有了这个写样式速度起飞，以前给class取名称都够写一个新项目了

【回复】正如你在vue开发过程中 如果你在纠结css类名的时候 那说明你的页面过于臃肿 而不仅仅是css臃肿 所以你更应该做的是拆分组件。
【回复】你是把所有东西都写在一个页面才会命名困难，多拆分组件就好了
【回复】回复 @小的上 : 还是得看场景和团队吧 Tailwind需要一定得学习成本和熟练度 如果队友不配合 那就是灾难。
午后抹茶酱_MatceCN:
[来古-震撼] 非常好搬运，爱来自前端人（）

Evil_Chan:
感觉你们使用 tailwindcss 还只是停留在表面，应该还没有尝试过 tailwindcss 的插件系统吧[doge][doge][doge] daisyui 虽然被人诟病为走老路另类的 bootstrap，但是有一个好处是更改原样式只需要添加类名而不需要添加 !important 这种鬼玩意[妙啊][妙啊][妙啊]

【回复】回复 @白色瓢虫Cocc :差别应该有一点，细粒度不同，我没看过 v5 的源码，不清楚他的 token 细粒度
【回复】这东西好像 antd这种。不同的是写类名就可以了
账号已注销:
我个人认为，写一长串class，比写CSS字少的多了。想想看，是写bg-black text-white方便还是background-color: #000000; color: #ffffff;方便？

【回复】感觉你们使用 tailwindcss 还只是停留在表面，应该还没有尝试过 tailwindcss 的插件系统吧[doge][doge][doge] daisyui 虽然被人诟病为走老路另类的 bootstrap，但是有一个好处是更改原样式只需要添加类名而不需要添加 !important 这种鬼玩意[妙啊][妙啊][妙啊]
【回复】还有一点，react不像vue自带chassnames，如果要写动态类型，还得把原来的改造，也就意味着任何地方都有可能会改造
【回复】还有媒体查询，group控制子孩子，特别方便
偷两万被罚四十:
[吃瓜]如果我不用工具链，我甚至连个下载都不会写，web这几个技术里，最好学的是js，其次是html，css[辣眼睛]。

异世界摸鱼指南:
爽点在于没有规范，你就是设计➕开发，想改就改了，html结构是骨架，骨架都定不了，css更是无法依附，你结构改了样式也得改，两头改不如一个文件搞定。复用就靠组件导出，覆盖就靠属性传入，全靠js。

本来我不色:
官方追新太武断 对老版本webview存在很大的兼容性问题

梦空白雾:
我刚刚才搞了个普通的网页，那一堆的class搞的我头皮发麻，刚刚起的名字就忘了。真的下头！ 我感觉我可以试试这个，等我消息

【回复】回复 @遥望星尘外 : 对于深层结构的网页非常有帮助，尤其是网页元素很多的情况
jhlod:
原来直接复制标注上的样式就行 现在还要大脑map一遍 [doge]

DOLLORR:
我不太懂，在class里一大堆东西，跟在标签里直接写行内样式有什么区别？[doge]

【回复】因为内联做不到很多事情，例如响应式，因为响应式等css魔法选择的是一个间接标签
【回复】有时候过去看起来的不对的。时间过了后。反而对了
【回复】有一个开箱即用的规范？例如xl，2xl等等等，color100，color200，并且能够通过配置文件更改添加规范。剩下的没啥区别，特别说一句，tw的class和html也可以分开写，不是说非要写在html的class上
整活凹凸曼:
确实挺好用，但是有团队学习成本歌维护问题。自己用是挺爽，换个人比较难维护。另外就是样式复杂起来代码看起来有点臃肿。

【回复】接手别人的项目，挨个标签去找css不是更难受？