This an experiment to load untranspiled styles in modern browsers, but transpiled ones in old ones.
We can use
-ms-high-contrast to target browsers running on
Windows. Theoretically, this would also target Edge. Luckily,
-ms-high-contrast: none is not supported in Edge anymore.
The other way round, any well-supported Media Queries Level 4 value will never be supported in IE11.
This means we can use
(pointer: fine), (pointer: coarse), (pointer: none) to target
The following box will be blue and have a
0 if your browser supports
If your browser supports the
pointer media query, it will be
violet and have a rounded corner.