Какая таблица стилей будет использоваться? (IE условные заявления)

Question

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

Например, я буду использовать этот код в :

<link rel="stylesheet" type="text/css" href="styles/style.css" />
<!--[if IE]><link rel="stylesheet" type="text/css" href="styles/ie.css" /><![endif]-->

Тогда мне нужно будет использовать! Важный везде в таблице стилей IE? Или вторая таблица стилей будет считаться IE более важной? Имеет ли значение заказ?

Answer 1

Какой стиль имеет наибольшую специфичность, победит. Если вы предоставляете одинаковые селекторы в обеих таблицах стилей, победит последний. В противном случае из статьи, на которую я ссылаюсь выше:

1. Специфичность определяет, какое правило CSS применяется браузерами.
2. Специфика - это обычно причина, по которой ваши CSS-правила не применяются к некоторым элементам, хотя вы думаете, что они должны.
3. Каждый селектор имеет свое место в иерархии специфичности.
4. Если два селектора применяются к одному и тому же элементу, выигрывает тот, у которого более высокая специфичность.
5. Существует четыре категории, которые определяют уровень специфичности данного селектора: встроенные стили, идентификаторы, классы + атрибуты и элементы.
6. Вы можете понять специфику, если вы любите Звездные войны: CSS Специфические войны .
7. Вы можете понять специфику, если любите покер: CSS специфичность для игроков в покер
8. Когда селекторы имеют одинаковое значение специфичности, учитывается последнее правило.
9. Когда селекторы имеют неодинаковое значение специфичности, более конкретным правилом является правило, которое учитывается.
10. Правила с более конкретными селекторами имеют большую специфичность.
11. Последнее определенное правило переопределяет любые предыдущие конфликтующие правила.
12. Встроенная таблица стилей обладает большей специфичностью, чем другие правила.
13. Селекторы идентификаторов имеют более высокую специфичность, чем селекторы атрибутов.
14. Вы должны всегда пытаться использовать идентификаторы для повышения специфичности.
15. Селектор класса бьет любое количество селекторов элементов.
16. Универсальный селектор и унаследованные селекторы имеют специфичность 0, 0, 0, 0.
17. Вы можете рассчитать специфичность CSS с помощью калькулятора специфичности CSS.

Вот официальные документы по нему .

Answer 2

Второе объявление переопределит первое в ie.