IEでのみ反映されるcssについて

cssで、IEのみに反映させたい場合、

@media all and (-ms-high-contrast: none) {
p { color:#ddd; }
}

のような記述で実装できると思いますが、これを500px以下（いわゆるスマホ体裁）のIEでのみ反映させるにはどういう書き方をすればよいのでしょうか？

よろしくお願いします。

No.2 回答者： wanderer1 回答日時： 2020/07/01 20:23

まさにIE対策やってた最中なので、ついでに試してみました。

@media all and (-ms-high-contrast: none) and (max-width: 500px) {
p { color:#ddd; }
}

コレで反映されました。

@media all and (-ms-high-contrast: none) の後に andで繋ぐのは問題ないみたいですね。