V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Quarter
V2EX  ›  程序员

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

  •  
  •   Quarter · 2018-10-01 10:38:00 +08:00 via Android · 3754 次点击
    这是一个创建于 2024 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    样式写成类并没有问题,只是在不借助 CSS modules 时,需要一些方法去组织管理这些类
    Quarter
        5
    Quarter  
    OP
       2018-10-01 11:43:40 +08:00 via Android
    @P233 感谢指点😼
    SukkaW
        6
    SukkaW  
       2018-10-01 14:50:27 +08:00   ❤️ 1
    https://tailwindcss.com/ 你一定是在寻找这个
    NickCarter
        7
    NickCarter  
       2018-10-01 15:01:21 +08:00 via iPhone
    styled-component
    CODEWEA
        8
    CODEWEA  
       2018-10-01 15:26:32 +08:00
    @SukkaW 和行内样式有一拼了
    Torpedo
        9
    Torpedo  
       2018-10-01 15:38:07 +08:00 via Android
    这个完全是个人爱好吧。其中的度不容易把握。
    之前 github 的网站还用过原子类
    lrz0lrz
        10
    lrz0lrz  
       2018-10-01 19:43:11 +08:00 via Android
    Atomic CSS,很早就有人提出了,但是一直不流行
    pinews
        11
    pinews  
       2018-10-01 20:02:34 +08:00
    无所谓的环境 简单随意是可以的,但这违反了 css 的本意,不是正道。
    pinews
        12
    pinews  
       2018-10-01 20:03:51 +08:00
    @pinews 正道是用 less 这类工具
    Quarter
        13
    Quarter  
    OP
       2018-10-02 09:03:02 +08:00 via Android
    @CODEWEA 就是这样,感觉就是在写行内样式😂
    Quarter
        14
    Quarter  
    OP
       2018-10-02 09:03:12 +08:00 via Android
    @Torpedo 确实啊😯
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1328 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 23:32 · PVG 07:32 · LAX 16:32 · JFK 19:32
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.