浏览器和Firebug重叠差异

时间:2012-05-19 17:52:57

标签: css

我注意到有时当我尝试覆盖CSS规则时,浏览器不会应用它,但Firebug显示应该应用它(默认属性已越过,覆盖的值显示为有效)。

以下是一个例子:

table th
{
background:red;
color:#333;
} 

然后针对特定情况,我试图覆盖这些:

table.my_domain th
{
background:blue;
color:yellow;
}

现在,事实是背景颜色实际上变为蓝色,但颜色保持#333。当我签入Firebug时,红色背景和#333颜色交叉,蓝色背景和黄色有效(不交叉)。但浏览器只是忽略了颜色属性覆盖......我在Firefox,Safari和Chrome上尝试过它......最新版本。

没有其他可以干扰的CSS规则,所以我有点困惑。

我错过了什么?

TNX

2 个答案:

答案 0 :(得分:0)

试试这个

table.my_domain th
{
 background:blue !important;
 color:yellow !important;
}

答案 1 :(得分:0)

好吧,我明白了。也许它会对其他人有用。答案是,Firebug像我一样省略了一条规则。我有一个颜色声明为一个链接里面的{颜色:#222;因为在一个表中,优先级被赋予它刚刚应用它的最低元素。但Firebug根本没有表现出来。由于两种颜色相似,#333和#222,我之前没有看到它。 Firebug是很好的工具,但据我所知,并不完美。