Целевой IE в коде CSS

Question

Я знаю, как настроить таргетинг на IE, но это только в HTML (что означает, что мне нужно создать еще один файл CSS для ошибок IE). В любом случае, как я могу реализовать исправления в одном и том же файле CSS. Это означает, что я нацеливаюсь на IE с кодом CSS?

Answer 1

Вы можете сделать с этими взломами

Например:

selector {
 color: red; /* all browsers, of course */
 color : green\9; /* IE8 and below */
 *color : yellow; /* IE7 and below */
 _color : orange; /* IE6 */
}

Answer 2

В вашем коде CSS предшествуйте вашим селекторам что-то, что распознает только IE Примеры выбора <div> элементов в IE6 и IE7:

Только для IE6: * html div

Только для IE7 *:first-child+html div

Полный список можно найти здесь: http://paulirish.com/2009/browser-specific-css-hacks/

Answer 3

Нет эквивалента условным комментариям / коду в CSS.Единственное, что вы могли бы сделать, это старые хаки CSS - с которыми люди боролись до того, как стали известны условные комментарии.

Вы можете заставить CSS-хаки работать на некоторое время, но это не умный или надежный подход.

Рекомендуемый подход:

1. Всегда начинать со сброса CSS.Вот хороший пример: http://meyerweb.com/eric/tools/css/reset/reset.css

2. Если это вообще возможно, попросите вашего босса или клиента понять, что поддержка IE6 неэффективна.

3. Создавайте HTML и CSS с максимальным вниманием к ошибкам IE.Например, проблемы с плавающей точкой, проблемы с высотой и полем и т. Д.

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