V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
kisshere
V2EX  ›  问与答

有没有将 CSS 去除冗余代码和合并相同 div 属性的工具?

  •  
  •   kisshere · 2014-11-08 09:15:18 +08:00 · 4558 次点击
    这是一个创建于 3693 天前的主题,其中的信息可能已经有所发展或是发生改变。
    目前修改一套CMS前端,因为这个CMS的css文件数量繁多,改起来较为麻烦,因此我单独写了一个another.css来覆盖原CMS的css,于是就出现了很多重复和待合并的css属性:
    系统global.css:

    #main_div{width:960px;background:#fff}
    #login{width:400px;height:300px}
    另外这个#login还分散到了很多其他css文件中:
    系统account.css:
    #login{position:absolute;left:50%:top:50%;margin-left:-200px;margin-top:-150px}
    --------------------------------------------------------------------------------------------------------------
    而我写的another.css直接覆盖掉了原来的global.css和account.css :

    #login{width:100%;height:100%;position:fixed;left:0;top:0}
    #main_div{background:#eaeaea}

    那么问题来了,我想最终通过一个工具把这些冗余和待合并的css属性全部合并为一个文件,这样能极大减少文件大小的体积,而且也便于维护,求V2ER推荐个工具
    2 条回复    2014-11-08 11:43:10 +08:00
    fanpenghua
        1
    fanpenghua  
       2014-11-08 09:42:34 +08:00
    SASS LESS 重构吧
    emric
        2
    emric  
       2014-11-08 11:43:10 +08:00   ❤️ 1
    可以用 uncss,不过局限性很大.
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1103 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 18:42 · PVG 02:42 · LAX 10:42 · JFK 13:42
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.