V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
nahcikuy
V2EX  ›  CSS

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

  •  
  •   nahcikuy · 2020-09-18 15:40:44 +08:00 via Android · 2655 次点击
    这是一个创建于 1546 天前的主题,其中的信息可能已经有所发展或是发生改变。
    今天被要求按这种方式重构代码
    就觉得很不开心
    因为感觉这样写不利于样式的统一管理
    本来通过类名来管理一个元素的一组 css 样式很清晰
    现在这样倒好
    元素的类名和一组定义样式的 class 写在一起
    代码可读性和可维护性都变差
    也不符合关注点分离的原则
    14 条回复    2020-10-07 01:36:18 +08:00
    suzic
        1
    suzic  
       2020-09-18 18:52:14 +08:00 via Android
    不喜欢这样
    zoharSoul
        2
    zoharSoul  
       2020-09-18 18:53:29 +08:00
    觉得这种挺好的.
    感觉 css 和 html 分开很奇怪...

    从 wfp 到 android/ios, 就没见过这种样式和界面还要分开弄的, 简直有毒
    des
        3
    des  
       2020-09-18 18:54:57 +08:00
    nahcikuy
        4
    nahcikuy  
    OP
       2020-09-18 19:04:41 +08:00 via Android
    @zoharSoul 所以为什么要发明 css 。全部用内联样式不就好了
    suzic
        5
    suzic  
       2020-09-18 19:08:11 +08:00 via Android
    样式稍微复杂点,模板就乱七八糟了
    liberty1900
        6
    liberty1900  
       2020-09-18 19:14:51 +08:00 via Android
    Tailwind + Bulma
    习惯就好
    EminemW
        7
    EminemW  
       2020-09-18 20:08:01 +08:00 via iPhone
    @zoharSoul 不然代码挤在一起
    baobao1270
        8
    baobao1270  
       2020-09-18 22:08:19 +08:00
    如果是 Fixed Width,我不管苟同
    如果表示 width: 80%,感觉是可以的
    weixiangzhe
        9
    weixiangzhe  
       2020-09-19 10:24:49 +08:00 via Android
    后管类系统需要写样式的地方少,用这个挺好
    nahcikuy
        10
    nahcikuy  
    OP
       2020-09-20 11:35:03 +08:00 via Android
    @weixiangzhe 写的是组件库,样式繁多
    nahcikuy
        11
    nahcikuy  
    OP
       2020-09-20 11:35:59 +08:00 via Android
    @des 不喜欢 tailwind 。 哭哭
    weixiangzhe
        12
    weixiangzhe  
       2020-09-20 18:25:55 +08:00 via Android
    @nahcikuy 没有必要,还不利于样式覆盖,
    zoharSoul
        13
    zoharSoul  
       2020-09-21 10:42:36 +08:00
    @nahcikuy
    css 的发明是很多原因造成的...
    至今也有不少人不喜欢,
    但是不可否认的是 css 的思路很奇特, 更多的是从设计师的角度而不是开发的角度出发的.

    我个人很喜欢 Tailwind 这种风格的.
    MiracleKagari
        14
    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 就知道什么东西在页面的什么地方,修改也容易。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1738 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 16:19 · PVG 00:19 · LAX 08:19 · JFK 11:19
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.