Добавить стили для IE 10 и IE 11

Иногда бывают такие ситуации, когда нужно написать стили только для конкретного браузера. Мы с вами знаем для какого браузера это приходится делать чаще всего:)

Но еще хуже, когда нужно определить не только браузер, но и конкретную версию. Для этого есть браузерные "хаки" или "хуки". Сегодня мы научимся писать определенные стили для версии браузера Internet Explorer 10 и 11. Давайте посмотрим как это можно сделать.

Для решения этой проблемы мы будем в css использовать специальную условную конструкцию, а точнее медиазапрос для IE10, 11. Он выглядит вот так:

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
}

Вставляем ее в нужное место наших стилей и теперь все, что остается сделать, это вместо строки /* IE10+ CSS styles go here */ написать те правила css которые вы хотите применить только к IE 10 и к IE 11. Вот и все. Достаточно просто.