• 请不要在回答技术问题时复制粘贴 AI 生成的内容
Quarter
V2EX  ›  程序员

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

  •  
  •   Quarter · Oct 1, 2018 via Android · 4621 views
    This topic created in 2781 days ago, the information mentioned may be changed or developed.

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

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

    样式写成类并没有问题,只是在不借助 CSS modules 时,需要一些方法去组织管理这些类
    Quarter
        5
    Quarter  
    OP
       Oct 1, 2018 via Android
    @P233 感谢指点😼
    SukkaW
        6
    SukkaW  
       Oct 1, 2018   ❤️ 1
    https://tailwindcss.com/ 你一定是在寻找这个
    NickCarter
        7
    NickCarter  
       Oct 1, 2018 via iPhone
    styled-component
    CODEWEA
        8
    CODEWEA  
       Oct 1, 2018
    @SukkaW 和行内样式有一拼了
    Torpedo
        9
    Torpedo  
       Oct 1, 2018 via Android
    这个完全是个人爱好吧。其中的度不容易把握。
    之前 github 的网站还用过原子类
    lrz0lrz
        10
    lrz0lrz  
       Oct 1, 2018 via Android
    Atomic CSS,很早就有人提出了,但是一直不流行
    pinews
        11
    pinews  
       Oct 1, 2018
    无所谓的环境 简单随意是可以的,但这违反了 css 的本意,不是正道。
    pinews
        12
    pinews  
       Oct 1, 2018
    @pinews 正道是用 less 这类工具
    Quarter
        13
    Quarter  
    OP
       Oct 2, 2018 via Android
    @CODEWEA 就是这样,感觉就是在写行内样式😂
    Quarter
        14
    Quarter  
    OP
       Oct 2, 2018 via Android
    @Torpedo 确实啊😯
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5916 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 69ms · UTC 06:21 · PVG 14:21 · LAX 23:21 · JFK 02:21
    ♥ Do have faith in what you're doing.