有没有办法以相反的方式使用媒体查询（悬停：悬停），以便它匹配无悬停设备？答案

【问题标题】：Is there a way to use the media query (hover: hover) in the opposite way, so that it matches hover-less devices?有没有办法以相反的方式使用媒体查询（悬停：悬停），以便它匹配无悬停设备？
【发布时间】：2021-08-20 08:10:05
【问题描述】：

想要定义一个匹配 ipad & co 的媒体查询。

与

@media (hover: hover)
{
   .. applies to desktop
}

我可以定义一个适用于桌面浏览器的媒体查询（粗略地说）。但是，我想定义相反的情况，即适用于 hover = false 的设备的媒体查询。

试过

@media (hover: false)

但这死了是行不通的。还有

@media not (hover: hover)

无效，因为它是非法的。

【问题讨论】：

标签： css media-queries

【解决方案1】：

@media (hover: none)

会的。

https://www.w3.org/TR/mediaqueries-5/#hover

【讨论】：