nahcikuy
V2EX  ›  CSS

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

  •  
  •   nahcikuy · Sep 18, 2020 via Android · 3459 views
    This topic created in 2078 days ago, the information mentioned may be changed or developed.
    今天被要求按这种方式重构代码
    就觉得很不开心
    因为感觉这样写不利于样式的统一管理
    本来通过类名来管理一个元素的一组 css 样式很清晰
    现在这样倒好
    元素的类名和一组定义样式的 class 写在一起
    代码可读性和可维护性都变差
    也不符合关注点分离的原则
    14 replies    2020-10-07 01:36:18 +08:00
    suzic
        1
    suzic  
       Sep 18, 2020 via Android
    不喜欢这样
    zoharSoul
        2
    zoharSoul  
       Sep 18, 2020
    觉得这种挺好的.
    感觉 css 和 html 分开很奇怪...

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

    我个人很喜欢 Tailwind 这种风格的.
    MiracleKagari
        14
    MiracleKagari  
       Oct 7, 2020 via Android
    我也不喜欢在 html 上写一堆类名,那种方式就像 css 写到行内,只不过都是缩写而已。我一般基于位置,通用样式一个类名,然后功能性的各一个类名。比如 g-top,g-left,g-bottom,f-active,f-checked....基本都是一个,2 个,3 个的都很少。这样我看 html 就知道什么东西在页面的什么地方,修改也容易。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2847 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 54ms · UTC 15:18 · PVG 23:18 · LAX 08:18 · JFK 11:18
    ♥ Do have faith in what you're doing.