Is there a way to see what CSS style sheets are actually applied to an IE page?

I'm working with a custom app that doesn't allow classes to be applied to the 开发者_StackOverflow社区 tag and the original CSS we were working with uses this methodology. Instead, the app requires an individual CSS file for each browser (lame, I know).

Our company has a sample page that has the working code applied with browser specific overrides placed on the HTML tag. So, what I'd like to do is load up the page in each version of IE and see what specific CSS is actually applied, then just upload each CSS file to the app. Does anyone know a tool that will do that?

Note, I did find this: How can I see which styles in my stylesheet are actually being applied to the current page?

But the answers were for firefox. :(

If you press F12 in Internet Explorer it will bring up Developer Tools.

From here you can inspect the HTML/CSS and see the specific CSS rules applied.

With these tools you can then change the browser mode Internet Explorer runs in e.g. If you are using IE9 you can set it to run in IE9 Compatibility Mode, IE9, IE8, IE7.

You can also change the document mode IE9 Standards, IE8 Standards, IE7 Standards and Quirks mode.

EDIT : You could try http://unused-css.com/