css - 浏览器和 Firebug 的主要差异

Question

我注意到有时当我尝试覆盖 CSS 规则时，浏览器不会应用它，但 Firebug 显示它应该被应用（默认属性交叉，覆盖值显示为有效）。

这是一个例子：

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

然后对于特定情况，我尝试覆盖这些：

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

现在，问题是背景颜色实际上更改为蓝色，但颜色保持为#333。当我签入 Firebug 时，红色背景和 #333 颜色都交叉，蓝色背景和黄色有效（未交叉）。但是浏览器只是忽略了颜色属性覆盖...我在 Firefox、Safari 和 Chrome 上尝试过...最新版本。

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

我错过了什么？

肿瘤坏死因子

Answer 1

尝试这个

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

Answer 2

嗯，我想通了。也许它对其他人有用。答案是 Firebug 和我一样省略了一条规则。我为 th - th a { color:#222; 中的链接声明了一种颜色 } 并且因为在表中优先级被赋予了它刚刚应用它的最低元素。但 Firebug 根本没有显示这一点。而且因为#333和#222这两种颜色很相似，我之前没见过。Firebug 是一个很好的工具，但据我所知，它并不完美。