nahcikuy
V2EX  ›  CSS

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

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

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

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