在Firebug中以红色显示的CSS类名称

时间:2012-03-10 23:08:57

标签: css firefox firebug

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

CSS in red

此类已定义并正常工作。红色背后的原因是什么?

我在Win 7,FF 10.0.2,Firebug 1.10.0a5。

感谢。

1 个答案:

答案 0 :(得分:1)

  

In"继承自< whatever>",标签为蓝色,ID为深蓝色,   课程是红色的。它并不意味着什么,只是为了让它变得更容易   看到差异。

作为支持上述评论的证据,这里是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;
}