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

2014-11-08 09:15:18 +08:00
 kisshere
目前修改一套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推荐个工具
4504 次点击
所在节点    问与答
2 条回复
fanpenghua
2014-11-08 09:42:34 +08:00
SASS LESS 重构吧
emric
2014-11-08 11:43:10 +08:00
可以用 uncss,不过局限性很大.

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/144866

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX