Question

Is it a good idea to put all conditional CSS rules in one conditional stylesheet instead of making multiple stylesheets for different versions of IE?

Example:

<!--[if IE]>
 <link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

Content of all-ie-only.css:

selector {  
   color : green\9; /* IE8 and below */  
  *color : yellow; /* IE7 and below */  
  _color : orange; /* IE6 */
}

Using IE underscore/asterisk hacks see: http://webstandardstips.com/2008/11/18/css-hacks-for-ie-only-style-rules/

Answer 1

The advantage I see in this technique is that you have just one style sheet in your server which may be easier to maintain.

The disadvantage is that users will need to download the whole file which may be 3 times bigger hence taking more time to download and to process.

Appart from that, I think there’s no other issues with it.