Qual é a prática comum para manter as soluções alternativas do IE em um arquivo CSS separado? Eu estou falando sobre questões mais profundas que são impraticáveis ​​para trabalhar por outros meios (como incluir um URL de imagem alternativa junto com um recurso incorporado codificado em base64; boxsizing.htc workaround etc.)NB: Eu sou conservador ao considerar dataURI vs vanilla spriting, então há apenas alguns

Às vezes eu tenho que recorrer ao código semelhante ao

.some-class-lets-say-datepicker {
  background-image: url(data:image/png;base64,/*encoded image*/);
  *background-image: url(../gfx/lets-say-datepicker-icon.png);
}

com a string de imagem codificada sendo em média 100 ~ 300 caracteres. Dado o código acima, isso causa algum tráfego redundante - para navegadores compatíveis fazer o download da URL redundante, e para o IE7 fazer o download da base64 string da parte superior da solicitação de imagem separada. Acho que essa sobrecarga é insignificante para ambos (e, afinal, os usuários do IE7 têm problemas muito maiores para se preocupar :)

Ao mesmo tempo, o seguinte seria (?) Muito mais limpo:

<!--[if !IE]> -->
  <link href="main.css" rel="stylesheet" />
<!-- <![endif]-->
<!--[if lt IE 8]>
  <link href="main_ie.css" rel="stylesheet"/>
<![endif]-->

mas a manutenção separada não parece atraente. Oferta de folhas de estilo de fechamentocondicionaisExiste algo semelhante para SASS / LESS ou existe uma abordagem completamente diferente que você recomendaria?