Search code examples
cssinternet-explorerfirefoxgoogle-chromeconditional-comments

Conditional comment "gt ie 7" breaks chrome and firefox

I'm doing the old CSS conditional comments to block out a .css from being used when using IE 7 and below using:

<!--[if gt IE 7]> <link rel="stylesheet" href="some-styles.css" /> <![endif]-->

However, this prevents this .css from being used in non IE browsers. This is the first time I've come across this.

I've seen the use of conditional comments targeting non IE browsers exclusively but surely there must be another way?

Solution

  • Conditional comment should only be used to target IE browsers. I don't think any other browsers support this "feature".

    I would suggest that you put all your styles into a main style that all browsers can see and then using the conditional statements for pre-IE 8 browsers to add/remove any style declarations that don't work on those browsers.