Q: Use CSS.supports() with media queries? I'd like to determine if a browser supports a particular media query via Javascript.
For example does the browser support hover detection?
CSS.supports('@media ((hover: hover)');
// false

^ This syntax does not work.
Even though the browser can actually use @media ((hover: hover):
window.matchMedia('(hover: hover)').matches;
// true

Can anyone describe the syntax for using CSS.supports with media queries?
Or show a different way to determine specific media query support via Javascript?

A: No.
CSS Conditional Rules Module Level 3 only provides for testing support for property: value.
CSS Conditional Rules Module Level 4 adds the ability to test for selectors.
There's no provision for testing for support for hover.
Note that even in browsers which do support it, it might not be accessible to the user (e.g. if they use a traditional desktop browser without a mouse/trackpad/etc).
