CSS @media(hover: hover) rule

I recently found the CSS @media(hover: hover) rule, and it is quite awesome for only applying hover styles to devices which can hover.

This helps with hover styles "getting" stuck on touch devices, by which I mean that whenever you click a link, or button with a hover style it will remain active, as long as you do not click anywhere else on the page.
I wrote a quick demo on Codepen [Codepen Demo](https://codepen.io/MrGamingxD/pen/KKyXwdw), just go into the google chrome dev tools and try it through their responsive devices feature, this will emulate touches.

Here is the MDN Documentation for the feature I request [MDN Documentation](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover).

P.S.: I hope I was precise enough, this is my first feature request ever, so I am a little worried.

No project files or tests are named. Start by reading the linked MDN documentation and trying the CodePen demo, then locate the project's handling of CSS media queries; done means the @media (hover: hover) rule is supported for hover-capable devices without hover styles sticking on touch devices.

Written by the indexing model from the issue text.