css - CSS 故障排除工具

Question

我使用 firebug 和 web developer firefox addon 进行大多数 css 调试。两者都是出色的工具。但是，当涉及到大量样式表和自定义规则时，我无法使用任何一种工具来查看导出最终属性值的规则应用顺序。

让我分享一个例子来说明我在使用这些工具时遇到的困难。在我网站的一个页面上，特定部分的字体大小比其他部分大。 Firebug 向我显示了应用于该元素的所有 css 规则。它还向我展示了被丢弃的规则；这些用删除线显示。这很棒!但是要找出导致较大字体大小的确切类规则，我必须滚动浏览所有样式，直到找到一条未被删除的字体大小规则。 css 面板似乎没有“搜索”功能(与 html 面板不同)。

您如何处理这些情况？那里有更好的工具吗？或者，是否有某种方法可以在 Firebug css 面板中搜索“未被删除的字体大小”？对于某些人来说这可能不是一个大问题，但就我而言，我相信如果我能解决这个问题，我可以节省很多时间。任何帮助将不胜感激。

谢谢，塔布雷兹

Answer 1

在 Firebug 中，查看 firebug 窗口中“样式”选项卡下的下拉选项。

有一个选项“仅显示应用的样式”。