Поиск 

CSS-хаки vs Условные комментарии

Четверг, Декабрь 24, 2009 г.
В очередной раз хочется затронуть тему CSS-хаков. Так вот, для себя я выделил альтернативу условным комментариям, которые так не люблю использовать при верстке сайтов.

Ведь в чем заключается задача условных комментариев (conditional comments)? В том, чтобы подключить каскадные таблицы стилей, закомментированные таким способ, который понимает только вечно “кашляющий” браузер Internet Explorer. Верно? Верно.

Да, CSS-хакинг по сути своей – это зло. Но давайте посмотрим на подборку хаков, которые имеются в нашем распоряжении. В этом списке обращаем внимание на то, что для всех версий IE имеется CSS-хак, который проходит проверку на валидность.

Так почему бы не воспользоваться этими валидными CSS-хаками в качестве альтернативы условным комментариям?

Я считаю это вполне допустимым решением – нет нарушений правил валидности, нет необходимости создавать отдельные CSS-файлы (тем более, учитывая то, что часто для IE требуется всего несколько персональных стилей).

.style {color: red}
Если для IE версии 6 и ниже нужно применить отличный от этого параметр, то добавляем такой стиль:

* html .style {color: gray}
Eсли персональным параметром нужно зацепить и IE 7, до добавляем третий стиль:

*+html .style {color: green}
Структура кода простая, при этом итоговый размер файлов практически идентичен варианту с условными комментариями, за исключением незначительного увеличения размера за счет частей кода * html и *+html.

В общем, я для себя выбираю именно этот вариант.
Взято с www.dimox.name
Теги: CSS | Хаки | Валидация Автор: Kent | Просмотров: 2135 | Нет комментариев | print |

Похожие статьи

все похожие статьи 
Категории
Последние статьи
Популярные статьи

Облако тегов