＆＃39;任何指针＆＃39;和任何悬停＆＃39;媒体查询

Question

如何使用这两个选项？

在桌面浏览器中

：

@media(any-hover){
    body{
        color:red;
    }
}
@media(any-pointer){
    body{
        color:green;
    }
} 

所有文字都是绿色的。为什么？ 我认为在触摸设备中文本是绿色的，而desctop浏览器是红色的

Answer 1

@ 18zehn很接近。你的文本总是绿色的原因是因为any-pointer是last，而CSS从上到下评估相同的特异性，优先于后来的规则。此外，触摸计数为粗略指针，因此它将始终为绿色。

翻转媒体查询。触摸，因为您的唯一输入没有悬停（除非设备可以检测到您的手指悬停），因此任何指针下方的任何悬停都不会应用（根据需要）。这会给你你想要的。

Answer 2

Any-Pointer用于检查Device是否有支持指针的输入设备。我想你的桌面有这样的设备，即你的鼠标。

所以这个条件是真的，你的文字是绿色的。

Any-hover用于检查您的设备是否支持悬停。

因此这两种情况都适用于您的桌面。没有人可以使用智能手机。