メディアクエリを使用して、IEを除くすべてのブラウザーにCSSを適用します

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

使う - @supports Internet Explorer以外のブラウザのクエリ。 @supportsクエリは Internet Explorerを除くすべてのブラウザと互換性があります です。

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

Codepenの例