Как указать другой размер шрифта для IE7 и IE8

Question

Скажем, у меня есть класс, который определяет размер шрифта, цвет и, возможно, другие свойства:

.myFont {color: # F00;шрифт-Familiy: Arial;Размер шрифта: 15px;}

Поэтому я применяю это к тегу

и хочу, чтобы для IE7 и IE8 размер был 13px, а НЕ 15px.Как я могу сделать это легко.

РЕДАКТИРОВАТЬ:

Есть ли какой-либо способ, без каких-либо новых файлов .css?

Answer 1

Вам необходимо указать таблицу стилей, которая загружается только IE, например используя этот учебник .

Затем вы можете переопределить размер шрифта в базовой таблице стилей в таблице стилей IE.

Answer 2

Использовать Условные комментарии . Они позволяют указывать разные или дополнительные CSS для разных версий браузеров IE. Работает только в IE. То есть только IE обрабатывает комментарии специально. Другие просто относятся к ним как к комментариям.

Answer 3

Если вам нужно использовать одну общую таблицу стилей для всех браузеров, вы можете использовать префикс BODY:last-child для фильтрации браузеров, отличных от IE6 / 7/8.Это стандартный псевдокласс, который просто не поддерживается в IE8 и более ранних версиях, и поэтому вполне пригоден для использования в будущем, при этом ему не требуется отдельный файл таблицы стилей для IE8 и более поздних версий.

Таким образом, вы можете сначала указать стили для всех браузеров. включая IE8 и ниже, а затем переопределите его для современных браузеров:

.example {/* styles for all browsers */}

BODY:last-child .example {/*
    styles for browsers other than IE6/7/8.
*/}