面向 IE 和 Edge 的 CSS 类/属性答案

【问题标题】：CSS class/properties targeting to IE as well as Edge面向 IE 和 Edge 的 CSS 类/属性
【发布时间】：2019-08-13 08:24:47
【问题描述】：

我想将@media 和@support 结合起来，这样我就不必为IE11 和Edge 放置两次相同的css 类和属性。

请参考以下代码sn-p：

/* 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 中，我们是否有某种方法可以合并或组合两个浏览器的属性，而不是两次拥有相同的属性/类。

【问题讨论】：

标签： css browser cross-browser internet-explorer-11 microsoft-edge

【解决方案1】：

@media 和@supports 等At 规则是单独的规则，不能通过它们的at 关键字组合在一起。

这意味着不可能用一对花括号组合两个不同的 at 关键字来编写一条规则。

更多内容可以参考这个链接：https://stackoverflow.com/a/22780689/10487763

【讨论】：