IE6/7 CSS Class Overriding

Posted by Joda Maki on Stack Overflow See other posts from Stack Overflow or by Joda Maki
Published on 2011-01-17T15:43:44Z Indexed on 2011/01/17 15:53 UTC
Read the original article Hit count: 240

Filed under:
|

I have a css file like:

#SomeTable.hideAll .hide { display: none; }
#SomeTable.showXYZ .show { display: block }

When I add the class showCol to a td, the display overrides to block in chrome, FF, and IE8. But in IE6/7, the display stays none like it is not being overridden. Is there something odd you have to do in old IE's to do a css override like this? I suspect it has something to do with it either not being possible, or I just don't understand rules for determining an override.

© Stack Overflow or respective owner

Related posts about html

Related posts about css