使用媒体查询将{CSS}应用于除IE以外的所有浏览器

Question

我找到了一种使用以下方法将媒体查询应用于IE的方法：

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {

}

除IE之外，是否有办法将CSS应用于所有浏览器？类似的东西：

@media not( (-ms-high-contrast: none), (-ms-high-contrast: active) ) {

}

我想避免使用HTML标记。

Answer 1

对不是Internet Explorer的浏览器使用@supports查询。 @supports次查询compatible with all browsers except Internet Explorer。

@supports not (-ms-high-contrast: none) {
   /* Non-IE styles here */
}

Example on Codepen