В очередной раз хочется затронуть тему CSS-хаков. Только не подумайте, что я заядлый CSS-хакер :), дело в моем стремлении все упрощать. Так вот, для себя я выделил альтернативу условным комментариям, которые так не люблю использовать при верстке сайтов.
Ведь в чем заключается задача условных комментариев (conditional comments)? В том, чтобы подключить каскадные таблицы стилей, закомментированные таким способ, который понимает только вечно “кашляющий” браузер Internet Explorer. Верно? Верно.
Да, CSS-хакинг по сути своей - это зло. Но давайте посмотрим на подборку хаков, которые имеются в нашем распоряжении. В этом списке обращаем внимание на то, что для всех версий IE имеется CSS-хак, который проходит проверку на валидность.
Так почему бы не воспользоваться этими валидными CSS-хаками в качестве альтернативы условным комментариям?
Я считаю это вполне допустимым решением - нет нарушений правил валидности, нет необходимости создавать отдельные CSS-файлы (тем более, учитывая то, что часто для IE требуется всего несколько персональных стилей).
Для примера. Вот общее правило для всех браузеров:
.style {color: red}
Если для IE версии 6 и ниже нужно применить отличный от этого параметр, то добавляем такой стиль:
* html .style {color: gray}
Если персональным параметром нужно зацепить и IE 7, до добавляем третий стиль:
*+html .style {color: green}
Структура кода простая, при этом итоговый размер файлов практически идентичен варианту с условными комментариями, за исключением незначительного увеличения размера за счет частей кода * html и *+html.
