Общий способ заставить CSS работать на IE только без отдельного листа CSS

Question

Мне просто интересно узнать о CSS для IE.Обычно у нас есть отдельная таблица стилей, но мне было интересно, есть ли способ включить разные варианты в тот же лист, например:

h1 {
    /* font size for Firefox to be 22px */
    font-size: 22px;
    /* font size for Internet Explorer to be 20px */
    font-size: 20px;
}

Т.е. мой вопрос: возможно лииметь все опции в одном листе CSS с условиями.

Answer 1

Просто так он опубликован как ответ (не был уверен на 100%, что вы хотели) ...

Проверьте http://css -tricks.com / 132-how-to-create-an-ie-only-stylesheet / и посмотрите под заголовком Hacks для встроенных стилей, которые применимы только к определенным версиям IE.например,

только IE 6

* html #div {
    height: 300px;
}

только IE 7

*+html #div {
    height: 300px;
}

только IE 8

#div {
  height: 300px\0/;
}

Только IE 7 и 8

#div {
  height: 300px\9;
}

Только не IE 7

#div {
   _height: 300px;
}

Скрыть от IE6 и ниже

#div {
   height/**/: 300px;
}

html > body #div {
      height: 300px;
}

Указано для ссылки и избыточности (в случае разрыва связи в будущем).

Answer 2

Вы можете использовать эти хаки http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/

Answer 3

Если вы хотите запустить какой-нибудь серверный код, вам следует использовать препроцессор CSS, такой как LESS .