我正在尝试减小CSS文件的大小。它来自一个非常CSS＆amp;的模板。 JS重。即使使用CSSMin，CSS文件大小也是250kb。
虽然我使用了很多CSS - 我知道我不会全部使用它。所以我想弄清楚哪些样式可以删除。我知道Dust-Me选择器 - 但这只是对网站的静态看法。使用HTML5和CSS3 - 网站现在非常动态，我的大多数CSS都来自动态事件或“响应”事件，即Bootstrap。
问题：是否有一个工具可以在网站上“记录”我所有的CSS使用时间，因此我可以点击/悬停/移动每个元素并与我进行互动现场。然后在最后让我知道哪些风格和＆amp;没用过？
答案 0 :(得分：1)
CSS Usage是firefox的一个很棒的扩展。它告诉我们当前在页面中使用了哪个css。
链接：https://addons.mozilla.org/en-us/firefox/addon/css-usage/
答案 1 :(得分：1)
我认为有两种工具可以帮助你。
helium是一个javascript工具，可以发现任何未使用的CSS规则。
csscss是一个源代码分析器，可以报告任何重复。我很有偏见因为我写csscss正是因为我找不到任何能做到这一点的东西。但是很多人似乎觉得它很有用。
答案 2 :(得分：0)
250kb 对于CSS文件来说真是个大人物 模板通常具有单个文件中所有页面所需的所有CSS 我建议：
不要剪切您的CSS代码，可能需要一段时间。
相反，我建议，将CSS文件分解为不同页面样式的小文件数，
例如登录页面的不同CSS， home 页面的不同CSS文件等。
请大声阅读您自己的CSS和HTML代码，找出在哪个HTML部分中使用CSS代码的重要部分。
<强>更新
您可以尝试Removed Unused CSS - CSS optimizer
我个人并没有使用它只是希望它适合你。