I notice that sometimes when I try to redefine a CSS rule, the browser does not apply it, but Firebug indicates that it should be applied (the default property is crossed out, the redefinition value is shown as real).
Here is an example:
table th
{
background:red;
color:#333;
}
and then for a specific case, I tried to override them:
table.my_domain th
{
background:blue;
color:yellow;
}
Now the thing is that the background color actually changes to blue, but the color remains # 333. When I check Firebug, the red color and the color # 333 intersect, and the blue background and yellow are valid (do not intersect). But the browser just ignores the color override ... I tried it in Firefox, Safari and Chrome ... the latest versions.
There are no other CSS rules that could interfere, so I'm a little perplexed.
What am I missing?
Tpx