最简单的方法来找到缺少的CSS类和ID

 

我如何识别在代码中引用但在css文件中丢失的css类或id？ 我可以使用萤火虫中的任何功能吗？

谢谢。

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

但是，找到未使用的CSS规则是一项常见任务，因此可以修剪它们。 您可以通过修剪常见的CSS文件来获得性能提升。 但是从HTML页面中删除ID和类没有那么多，并且更有可能破坏某些东西（见下文）。

Dust-Me选择器是一个用于查找未使用的CSS规则的好的/常用的Firefox插件。 如果您真的想要一个工具来查找ID和没有CSS规则的类，那么您可以将该附加组件的源代码作为制作自己的Firefox扩展的良好起点。

仅仅因为他们没有CSS规则而去除ID和类并不是一个好主意，并且可能会破坏事物。
ID和类可以出于各种原因出现在页面中，而不仅仅是CSS的便利句柄。

以下是为什么ID或类可能在页面中的一些原因：

  • 将内容标识为JavaScript，或标记更改内容的目标。 除了最简单的动态页面之外，这是必须的。
  • 同样，插件，扩展，蜘蛛，RSS工具等也使用Id和类。
  • 作为州或地位指标。 EG： <p class="comment highest-rated">...
  • 作为页内锚点的简单替代品。 这些允许精确定位的超链接而不添加元素。 示例链接。
  • 作为良好语义标记的一部分，这是帮助人类和我们的脚本理解，使用和维护页面的最佳实践。
  • 帮助定位CSS。

    • 带有ReSharper插件的Visual Studio可以做到这一点。 它显示每个缺失的类与一个蓝色挥动的下划线。

    我不确定哪些版本，但我使用

  • Visual Studio 2013 Premium
  • ReSharper版本8.2.3

    • 其他版本也可以。

    链接地址: http://www.djcxy.com/p/68663.html

    上一篇: easiest way to find missing css classes and ids

    下一篇: url() function not working on shared hosting