1. Вы каким либо способом вешаете к своему тегу html классы ie и ie<номер версии>
Мы привыкли это делать вот так:
<!DOCTYPE html>
<!--[if (lt IE 7)|(IE 7) ]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie ie7"> <![endif]-->
<!--[if IE 8 ]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie ie8"> <![endif]-->
<!--[if IE 9 ]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html xmlns="http://www.w3.org/1999/xhtml"> <!--<![endif]-->
Затем чтобы написать стили специально для ie в цсс мы делали вот так:
/* этот стиль будет применён только к ие7 */
.ie7 .my-style {
background: yellow;
}
Чтобы это не вызывало боли, когда мы пишем stylus-код, был сделан очень простой миксин
ie(ieVer = '')
/.ie{ieVer}
{selector()}
{block}
2. Теперь в stylus-файле мы делаем вот так
.my-style
background-color red
+ie(7)
background yellow
А на выходе получаем вот это:
.my-style {
background-color: #f00;
}
.ie7 .my-style {
background: #ff0;
}
Велосипед подготовил Гуртовой Андрей