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

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

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

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

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

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