「前端」把样式写成类是否有意义 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
Quarter
V2EX    程序员

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

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

    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     Solana     2874 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 30ms UTC 10:56 PVG 18:56 LAX 02:56 JFK 05:56
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86