【发布时间】：2013-01-01 15:32:21
【问题描述】：
如何识别在代码中引用但在 css 文件中缺失的 css 类或 ID？ firebug 有什么我可以使用的功能吗？
谢谢。
【问题讨论】：
-
这是一个棘手的问题；请记住，类和 ID 不仅用于 CSS！我使用了很多只供 javascript 使用的东西
【发布时间】：2013-01-01 15:32:21
【问题描述】：
您可能会发现这个link 回答的问题很有用，Javascript 可用于搜索类。虽然，查找 CSS 未使用的类可能很有用，但请注意删除因其他原因可能需要的类（正如其他人指出的那样）。
【讨论】：
使用 ReSharper 插件的 Visual Studio 可以做到这一点。它用蓝色波浪下划线显示每个缺失的类。
我不确定哪个版本，但我使用
- Visual Studio 2013 高级版
- ReSharper 版本 8.2.3
其他版本也可以。
【讨论】：
Firebug 不这样做，也没有我能想到的任何工具，因为它不是一个常见的或高回报的任务。
但是， 是一项常见的任务，即找到未使用的 CSS 规则，以便对其进行修剪。您可以通过修剪常见的 CSS 文件来获得性能提升。但是从 HTML 页面中删除 ID 和类并没有多大帮助，而且更有可能破坏某些东西（见下文）。
用于查找未使用的 CSS 规则的一个很好/常见的 Firefox 插件是Dust-Me Selectors。如果您真的想要一个工具来查找没有 CSS 规则的 ID 和类，您可以将that add-on's source code 作为制作您自己的 Firefox 扩展的一个很好的起点。
删除 ID 和类，仅仅因为它们没有 CSS 规则不是一个好主意，并且可能会破坏事情。
ID 和类可以出于多种原因出现在页面中，而不仅仅是 CSS 的方便句柄。
以下是 ID 或类可能出现在页面中的一些原因：
- 将内容标识为 javascript，或标记目标以更改内容。除了最简单的动态页面之外，所有页面都必须这样做。
- 同样，ID 和类被插件、扩展、蜘蛛、RSS 工具等使用。
- 作为状态或状态指示器。例如：
<p class="comment highest-rated">... - 作为页内锚点的简单替代品。这些允许精确定位的超链接而无需添加元素。 Example link.
- 作为良好 Semantic Markup 的一部分，这是帮助人类和我们的脚本理解、使用和维护页面的最佳实践。
- 帮助定位 CSS。
【讨论】：
-
查找丢失的 CSS 类有时可能是一项高回报的任务。考虑一下：削减未使用的类的一部分可能是删除整个 CSS 文件，而不是对每个类进行排序并查看它是否在您网站的所有页面中使用。该问题的作者可能想要删除似乎未使用的 CSS 文件，并检查是否在站点上的任何位置实际调用了任何类。那些未使用的 CSS 查找器非常适合单个页面，但这些 CSS 可能会在您网站的另一个页面上使用，所以要小心。