title: Use CSS.supports() with media queries?
body: <p>I'd like to determine if a browser supports a particular media query via Javascript.</p>
  <p>For example does the browser support hover detection?</p>
  <pre class="lang-js prettyprint-override"><code>CSS.supports('@media ((hover: hover)');
  // false
  </code></pre>
  <p>^ This syntax does not work.</p>
  <p>Even though the browser can actually use <code>@media ((hover: hover)</code>:</p>
  <pre class="lang-js prettyprint-override"><code>window.matchMedia('(hover: hover)').matches;
  // true
  </code></pre>
  <p>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?</p>