CSS 类名称在 Firebug 中显示为红色

Question

Firebug 的样式面板以红色显示一些 CSS 类名称。下面是一个例子:

这个类已经定义好并且可以工作了。红色背后的原因是什么？

我使用的是 Win 7、FF 10.0.2、Firebug 1.10.0a5。

谢谢。

Answer 1

In "Inherited from <whatever>", tags are blue, IDs are navy blue, classes are red. It doesn't mean anything, it's just to make it easier to see the difference.

作为支持我上面评论的证据，这里是 Firebug 源代码的相关部分:

http://code.google.com/p/fbug/source/browse/branches/firebug1.9/skin/classic/console.css?r=12753#442

.selectorTag {
    color: #0000FF;
}

.selectorId {
    color: DarkBlue;
}

.selectorClass {
    color: red;
}

.selectorHidden > .selectorTag {
    color: #5F82D9;
}

.selectorHidden > .selectorId {
    color: #888888;
}

.selectorHidden > .selectorClass {
    color: #D86060;
}

.selectorValue {
    font-family: Lucida Grande, sans-serif;
    font-style: italic;
    color: #555555;
}