Как вставить CSS стили только для IE и Edge?

Question

[shokw0w]

Попробовал несколько вариантов, ни один не работает. Прошу помочь

<style>@supports (-ms-accelerator:true) {
     /* Microsoft Edge 16+ styles */
     .edge16 img{
        margin-top: 30px;
     } 
}</style>
<div class="edge16" style="background:#42BCF1;height:40px;">

Answer 1

[Владислав Лысков]

q

Comments

[Роман Ташев]

Вот это круто! Не нужно в этих хаках ковырятся, скриптом быстро можно все поменять.

Answer 2

[Ivan Bogachev]

Попробовал несколько вариантов, ни один не работает.

На browserhacks.com есть хорошая подборка хаков для определения самых разных браузеров и их версий с помощью CSS или JS. Попробуйте варианты, которые там предлагаются. И будьте внимательны: если вы используете автопрефиксер или что-то для оптимизации CSS, то эти инструменты могут незаметно ломать некоторые хаки при сборке.

Answer 3

[Павел]

Целая подборка:
https://gist.github.com/zunairmushtaq/aeaa48432d51...