有没有办法来检查哪些CSS样式正在使用或不在网页上使用？

想知道哪些CSS样式当前正在网页上使用。

安装Firebug的CSS Usage附加组件并在该页面上运行它。它会告诉你哪些样式正在被使用，而不是被该页面使用。

只是为了完整性，因为它在评论中被问到 – 现在Chrome中的CSS审计工具也出于同样的目的。这里有一些细节：

Google Chrome有两种方法来检查未使用的CSS 。

1.审核选项卡： >右键单击页面上的+检查元素，find“审核”选项卡，然后运行审核，确保选中“网页性能”。

列出所有未使用的CSS标签 – 请参阅下面的图片。

Chrome审计工具的屏幕截图

更新： – – – – – – – – – – – – – – 或 – – – – – – – – – – – – – –

2.覆盖选项卡： >右键单击页面上的检查元素，find最右边的三个点（图中圈出），打开控制台抽屉（或点击Esc），最后点击抽屉左侧的三个点（圆圈在图像中）打开Coverage工具。

Chrome推出了一个工具来查看未使用的CSS和JS – Chrome 59更新允许您启动和停止录制（图像中的红色方块），以便更好地覆盖页面上的用户体验。

显示文件中所有已使用和未使用的CSS / JS – 请参阅下图。

Chrome中的Coverage工具示例

我正在使用CSS Dig 。这是为铬，但我认为这是一个伟大的工具！

看看UnCSS 。它有助于创build使用CSS的CSS文件。