css疑难解答工具

我使用firebug和web开发者firefox插件进行大多数css调试。两者都是优秀的工具。但是，当涉及到一堆样式表和自定义规则时，我无法使用这两种工具查看最终属性值所依据的规则应用程序序列

让我举一个例子来说明我在这些工具中面临的困难。在我的网站的一个页面上，某个特定部分的字体比其他部分大。Firebug向我展示了应用于元素的所有css规则。它还向我展示了被抛弃的规则；这些都是通过一个打击显示。这太棒了！但是为了找出导致较大字体大小的确切类别规则，我必须滚动浏览所有样式，直到我能够发现一个尚未通过的字体大小规则。css面板似乎没有“搜索”功能（与html面板不同）

你如何处理这些情况？有更好的工具吗？或者，是否有某种方法可以在firebug css面板中搜索“尚未穿透的字体大小”？对于一些人来说，这可能不是一个大问题，但就我而言，我相信如果我能克服这个问题，我可以节省很多时间。我们将非常感谢您的帮助

谢谢，

---

Tabrez

如果您愿意更改浏览器，Google Chrome的Inspect Element功能（右键单击>Inspect Element）将告诉您显示所有匹配的样式（覆盖的样式穿过）以及计算的样式。它提供了css文件中该行的链接。

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

---

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

哇，听起来好像有太多的

font size

样式相互覆盖。您应该以某种方式编写css以避免此类问题。从来不用去查为什么有些东西是“这样”。也许可以阅读一些关于覆盖css的内容。@PetrMarek-我已经使用了重要的！在某些情况下使用关键字。但是我不希望这成为常态。@JustinSatyr-如果你从多个框架引入UI控件，它们也会有自己的样式文件。如果我手头有更多的时间，我会对所有样式表文件进行干净的合并。但是，我没有那种奢侈。现在我只担心可能冲突或覆盖默认网站样式的样式。这就是我要找的！谢谢！