有时候在写页面的时候,会慢慢的发现css代码越来越乱,导致很多css代码重复或者根本没用。特别是像我这种对写页面很头疼的人,很有可能过几个小时再去看代码的时候,都不知道写的啥。下面介绍的这款在线工具可以在一定程度上优化重复的css代码。

简单介绍

这款在线工具叫做UnCSS Online!,点击链接即可访问,我们只需要将需要优化的css代码和对应页面的html代码复制到中间那两个大框框,然后再点下面那个按钮就完成了去除重复的css代码。

最下面的那个Your shortened CSS!就是去重之后的css代码了,可以直接替换掉原来的css代码。

使用效果

使用之前:

使用之后:

可以看到去重后的css代码比之前减少了48行,然而页面的样式缺没有发生改变,说明这款工具还是非常有用的。不过,也难免会出现样式发生改变的问题,这时候就需要手工来调试了。

注意:这款工具虽说好用,但是也不要滥用,否则会发现非常神奇的效果。建议在页面比较多而css文件用需要重复使用的情况下还是手动去重为好,或者整理好代码之后重新写一遍是最好的,以免造成页面样式混乱,破坏了之前调整好的样式。