CSS класс / свойства ориентированы на IE, а также Edge - PullRequest
Новая
       52

CSS класс / свойства ориентированы на IE, а также Edge

0 голосов
/ 22 марта 2019

Я хочу объединить @media и @support, чтобы мне не приходилось ставить один и тот же класс и свойства css два раза для IE11 и Edge.

Пожалуйста, используйте следующий фрагмент кода: 

/* IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .my_css_class{
        padding: 38px 15px 0px !important;
    }
}
/* Microsoft Edge */
@supports (-ms-ime-align:auto) {
    .my_css_class {
        padding: 38px 15px 0px !important;
    }
}

что-то вроде: 

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none),  @supports (-ms-ime-align:auto)  {
    .my_css_class{
        padding: 38px 15px 0px !important;
    }
}

В CSS у нас есть какой-то способ объединить или объединить свойства для двух браузеров вместо того, чтобы иметь одинаковые свойства / класс два раза.

1 Ответ

1 голос
/ 25 марта 2019

Правила At, такие как @media и @supports, являются отдельными правилами, которые нельзя сгруппировать по их ключевым словам at.

Это означает, что невозможно написать одно правило с одной парой фигурных скобок, которые объединяют два разных ключевых слова at.

Более подробно вы можете обратиться по этой ссылке: https://stackoverflow.com/a/22780689/10487763

...