Firefox扩展以显示内联css类或id定义？

我使用Firebug和Web开发者Firefox扩展。我正在寻找的一个功能，我不确定它们是否存在于这些扩展中，就是当我查看网页源时，我想单击一个类或id名称，然后在某个地方显示该类或id的定义，而不是css继承层次结构。只有特定的类或id（如果存在）

例如：

。。。。。 我点击标题，我得到css定义，或者它告诉我没有。我想过滤css树层次结构，以便只显示该类

任何扩展都可以做到这一点。

。打开HTML选项卡，选择您感兴趣的元素。查看firebug窗口右侧框中的“样式”选项卡下。在那里，您将看到应用于元素的每个样式，无论是通过id、类还是任何其他类型的选择器。您还可以查看布局选项卡以查看所选元素的偏移、边距、填充和宽度

例如，在StackOverflow上，当我单击body元素时，我看到以下内容：

body {           /* File: all.css?v=3496 (row 1) */
    background:#FFFFFF none repeat scroll 0 0;
    color:#000000;
    font-family:Arial,Helvetica,sans-serif;
    font-size:80%;
    text-align:center;
}
body {           /* File: all.css?v=3496 (rad 1) */
    line-height:1;
}
/* + A lot of reset styles for all elements */

---

这不是从我不相信的来源，而是在页面上。CSSViewer会帮忙吗

---

那不是我想要的。我确实提到我不想看到css层次结构，这就是Firebug显示的内容。我想点击类名，而不是元素。哦，好吧，我的错。但是Firebug仍然会在样式选项卡中显示class/id是否有任何样式。如果您找不到列出的类/id，那么它没有声明任何样式……您所说的显示该类或id的定义到底是什么意思？例如，您希望只使用与页眉完全匹配的CSS选择器，还是只使用包含页眉的任何选择器？