大家公司里面写前端样式都是咋写的？

[zhonj]

1. 全写 style 里面（估计没人这么写）
2. class 里面就一个(class="my-container") 具体样式写在 style 文件里
3. 使用 tailwindcss 原子类，全部写 class 里面 （ class="flex flex-col ...."）
4. 使用 tailwindcss 原子类，class 里面写一个 具体使用 apply 卸载 style 里面 （ class="my-container" .my-container{@apply flex flex-col ....}）

本人刚写前端没多久，没学过 style 直接用的 taildcss 之前写过安卓，习惯用 3 方式，tailwind 无法实现才用 4 。但是公司内其他的老前端都喜欢用 2 ，又有些人喜欢用 4 ，我不是很理解，样式分出来了要改的时候非常麻烦啊，找样式找不到得用代码得开两个页面去找，配合显示页面的地方要看 3 个地方。大家有啥宝贵的经验可以分享分享

[vlgs]

公司用 styled component 。自己使用 tailwindcss ，推荐一个库 https://ui.shadcn.com/ 可以理解一下 tailwind radix 怎么制作 headless component 。