查找丢失的 css 类和 id 的最简单方法

如何识别代码中引用但 css 文件中缺失的 css 类或 id？我可以使用 Firebug 中的任何功能吗？

Thanks.

Firebug 不会这样做，我能想到的任何工具也不会这样做，因为这不是一项常见或高回报的任务。

然而，它is一个常见的任务是找到未使用的 CSS 规则，以便可以修剪它们。您可以通过修剪常见 CSS 文件来获得性能提升。但是从 HTML 页面中删除 ID 和类并没有多大帮助，而且更有可能破坏某些内容（见下文）。

用于查找未使用的 CSS 规则的一个好的/常见的 Firefox 插件是Dust-Me 选择器 https://addons.mozilla.org/en-us/firefox/addon/dust-me-selectors/。如果你真的想要一个工具来查找没有 CSS 规则的 ID 和类，你可能会采取该附加组件的源代码 https://addons.mozilla.org/en-us/firefox/files/browse/148586/作为制作您自己的 Firefox 扩展的良好起点。

仅仅因为 ID 和类没有 CSS 规则而删除它们并不是一个好主意，而且可能会造成破坏。
ID 和类可以出于多种原因出现在页面中，而不仅仅是作为 CSS 的方便句柄。

以下是 ID 或类可能出现在页面中的一些原因：

1. 用于识别 JavaScript 内容，或标记更改内容的目标。对于除了最简单的动态页面之外的所有页面来说，这是必须的。
2. 同样，ID 和类由插件、扩展、蜘蛛、RSS 工具等使用。
3. 作为状态或状态指示器。例如：<p class="comment highest-rated">...
4. 作为页内锚点的简单替代品。这些允许精确定位的超链接，而无需添加元素。示例链接。 https://stackoverflow.com/questions/14390183/easiest-way-to-find-missing-css-classes-and-ids#footer-sites
5. 作为美好的一部分语义标记 http://robertnyman.com/2007/10/29/explaining-semantic-mark-up/，这是帮助人类和我们的脚本理解、使用和维护页面的最佳实践。
6. 帮助定位 CSS。