我想编辑一个html模板,为我的需要创建一个简单的版本。我删了一些;但有没有工具从CSS中删除未使用的类或我需要手动删除?
例如,我的html中没有使用<div class="something">
;但是我的css文件中仍然有.something {}
并让我的css很重。目前,我手动逐个删除CSS中未使用的类。我想知道是否有办法删除CSS中没有引用的任何类!
答案 0 :(得分:5)
查看http://unused-css.com/之类的内容。如果您付费,您可以抓取您的网站并为整个网站创建一个干净的版本。
如果您需要基于浏览器的解决方案,请尝试使用Firefox插件CSS Usage
。你可以打开Firebug,点击CSS Usage选项卡,点击“Autoscan”,然后浏览你的网站几次(一定要点击每一页)。它将跟踪使用的类,您可以导出“已清理”的版本。这需要更多的手工工作,可能会受到破碎的风格,但如果你小心,它应该工作正常。
答案 1 :(得分:0)
答案并非如此,因为CSS文件可用于大量HTML页面。
我确信有些人可能已经制作了一个工具来解析他们自己的特定HTML页面,并创建了一个“未使用”的CSS类列表,但它可能非常适合他们的需求(如果由于用户的选择,HTML页面呈现出不同的东西,您如何知道CSS类是否被使用?)