IE8！重要错误？

Question

I might be missing something else, but im working on a site i didnt buid which has loads of very messy css and multiple !important overrides. One layout issue is fine in all browsers except some versions of IE.

When I look at the css with developer tools i can see the margin of 1em is being overiden by a margin of 0.5em, however the margin it too big on the page. Even though the margin of 1em looks like its being overridden (in developer tools) when I disable the style it works fine, in other words the margin becomes less.

So, are their any bugs where IE doesn't respect the normal hierarchy of overrides if multiple !importants are used? Or could this be a bug in the developer tools instead?

By overrides I mean something like the example below, where the 2nd css should override the first:

.div2 {
    margin: 1em !important;
}

body .div2 {
    margin: 0.5em !important;
}

Thanks

Answer 1

内联样式覆盖外部样式