「前端」把样式写成类是否有意义

2018-10-01 10:38:00 +08:00
 Quarter

rt,之前突然有一个想法,如果烦于书写 css,那么通过一个通用样式表,配合工具站点直接选择边距、样式等,然后一键复制作为类名添加进去,感觉会不会简单一些🙄 但是在把这个想法付诸实践的时候发现,把这些样式转化为类名也并不简单😂,类名也挺长的,虽然是复制粘贴,但也没有方便太多,so......前来问问大家,众大佬怎么看呢😎?

3932 次点击
所在节点    程序员
14 条回复
murmur
2018-10-01 10:40:55 +08:00
可以啊 bootstrap 就这个模式 不过他的样式比较简单 如果样式复杂点组合一个组件的样式就要吐了
拿来改个字体 颜色还是可以 的
noe132
2018-10-01 10:57:04 +08:00
css modules 了解一下
Quarter
2018-10-01 11:01:02 +08:00
@murmur 就是这么觉得,要是有挺多样式需要调整,那会有一堆 class
P233
2018-10-01 11:29:04 +08:00
我的经验是 https://zhuanlan.zhihu.com/p/39752627

样式写成类并没有问题,只是在不借助 CSS modules 时,需要一些方法去组织管理这些类
Quarter
2018-10-01 11:43:40 +08:00
@P233 感谢指点😼
SukkaW
2018-10-01 14:50:27 +08:00
https://tailwindcss.com/ 你一定是在寻找这个
NickCarter
2018-10-01 15:01:21 +08:00
styled-component
CODEWEA
2018-10-01 15:26:32 +08:00
@SukkaW 和行内样式有一拼了
Torpedo
2018-10-01 15:38:07 +08:00
这个完全是个人爱好吧。其中的度不容易把握。
之前 github 的网站还用过原子类
lrz0lrz
2018-10-01 19:43:11 +08:00
Atomic CSS,很早就有人提出了,但是一直不流行
pinews
2018-10-01 20:02:34 +08:00
无所谓的环境 简单随意是可以的,但这违反了 css 的本意,不是正道。
pinews
2018-10-01 20:03:51 +08:00
@pinews 正道是用 less 这类工具
Quarter
2018-10-02 09:03:02 +08:00
@CODEWEA 就是这样,感觉就是在写行内样式😂
Quarter
2018-10-02 09:03:12 +08:00
@Torpedo 确实啊😯

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/494355

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX