大家如何看待使用诸如 w-8 这样的类来取代在 CSS 中直接定义样式的写法呢？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 1527 天前的主题，其中的信息可能已经有所发展或是发生改变。

今天被要求按这种方式重构代码
就觉得很不开心
因为感觉这样写不利于样式的统一管理
本来通过类名来管理一个元素的一组 css 样式很清晰
现在这样倒好
元素的类名和一组定义样式的 class 写在一起
代码可读性和可维护性都变差
也不符合关注点分离的原则

类名

样式

CSS

代码

14 条回复 • 2020-10-07 01:36:18 +08:00

suzic

2020-09-18 18:52:14 +08:00 via Android

不喜欢这样

zoharSoul

2020-09-18 18:53:29 +08:00

觉得这种挺好的.
感觉 css 和 html 分开很奇怪...

从 wfp 到 android/ios, 就没见过这种样式和界面还要分开弄的, 简直有毒

des

2020-09-18 18:54:57 +08:00

你说的是这个吧
https://www.tailwindcss.cn/docs/width

nahcikuy

2020-09-18 19:04:41 +08:00 via Android

@zoharSoul 所以为什么要发明 css 。全部用内联样式不就好了

suzic

2020-09-18 19:08:11 +08:00 via Android

样式稍微复杂点，模板就乱七八糟了

liberty1900

2020-09-18 19:14:51 +08:00 via Android

Tailwind + Bulma
习惯就好

EminemW

2020-09-18 20:08:01 +08:00 via iPhone

@zoharSoul 不然代码挤在一起

baobao1270

2020-09-18 22:08:19 +08:00

如果是 Fixed Width，我不管苟同
如果表示 width: 80%，感觉是可以的

weixiangzhe

2020-09-19 10:24:49 +08:00 via Android

后管类系统需要写样式的地方少，用这个挺好

nahcikuy

2020-09-20 11:35:03 +08:00 via Android

@weixiangzhe 写的是组件库，样式繁多

nahcikuy

2020-09-20 11:35:59 +08:00 via Android

@des 不喜欢 tailwind 。哭哭

weixiangzhe

2020-09-20 18:25:55 +08:00 via Android

@nahcikuy 没有必要，还不利于样式覆盖，

zoharSoul

2020-09-21 10:42:36 +08:00

@nahcikuy
css 的发明是很多原因造成的...
至今也有不少人不喜欢,
但是不可否认的是 css 的思路很奇特, 更多的是从设计师的角度而不是开发的角度出发的.

我个人很喜欢 Tailwind 这种风格的.

MiracleKagari

2020-10-07 01:36:18 +08:00 via Android

我也不喜欢在 html 上写一堆类名，那种方式就像 css 写到行内，只不过都是缩写而已。我一般基于位置，通用样式一个类名，然后功能性的各一个类名。比如 g-top，g-left，g-bottom，f-active，f-checked....基本都是一个，2 个，3 个的都很少。这样我看 html 就知道什么东西在页面的什么地方，修改也容易。